*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background-color:#f0ffd4}
h1{font-family:'El Messiri',sans-serif;font-weight:900;text-align:center;margin-top:15px;font-size:2.5em;color:#00562b;line-height:1em}
#area-de-desenho{position:relative;display:flex;margin:5px auto 0;justify-content:center;width:800px;padding:15px;border-radius:30px;border:1px solid #ccc;background-color:#fff}
.over{position:absolute;z-index:99999;bottom:4px;pointer-events:none!important;padding:15px}
.area{width:800px;-webkit-tap-highlight-color:transparent}
.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.noSelect:focus{outline:none!important}
.header-jogo{width:800px;margin:auto;background-color:#fff;border-radius:5px;padding:20px 5px 15px 5px;display:flex;flex-direction:column}
.header-jogo p{font-family:'Montserrat',sans-serif;color:#014e85;font-weight:700;text-align:center;line-height:1.3em}
.header-jogo h2{font-family:'El Messiri',sans-serif;font-weight:700;text-align:center;margin-top:.5em;font-size:2em;color:#014e85;background-color:#d5eb72;align-self:center;  display:flex;padding: 5px 13px 2px 13px;line-height:1em;margin-bottom:10px}
.realizacao{width:800px;height:auto;background-color:#fff;display:flex;border-radius:5px;margin:auto;justify-content:center}
.realizacao img{max-width:98%;height:auto}
@media screen and (max-width :799px) {
.header-jogo,.realizacao{width:98%;margin:auto}
#area-de-desenho,.area{width:650px}
}
@media screen and (max-width :651px) {
#area-de-desenho,.area{width:500px}
}
@media screen and (max-width :480px) {
#area-de-desenho,.area{width:450px}
#crvr{width:150px}
}
@media screen and (max-width :440px) {
#area-de-desenho,.area{width:400px}
h1{font-size:1.8em}
}
@media screen and (max-width :380px) {
#area-de-desenho,.area{width:320px}
#crvr{width:100px}
}