html,body{margin:0;padding:0;font-family:sans-serif,Arial,Helvetica;overflow:hidden;height:100%;background-color:#674b38;color:#fff6ea}*,*:before,*:after{box-sizing:inherit}p{font-size:1.2rem}#home{text-align:center;margin:10px auto 0;padding:15px;height:100vh;overflow-y:auto;max-width:600px}button.start{margin:0 auto;font-size:1.4rem;background-color:#fff6ea;appearance:none;border:2px solid #fff6ea;color:#674b38;display:block;height:80px;width:300px;user-select:none;outline:none}button.start:hover{box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}button.start:active{box-shadow:none;transform:translateY(0)}#home img{display:block;margin:30px auto 0}#game{height:100%}@media only screen and (min-device-width: 660px) and (min-device-height: 660px){#game canvas{border:10px dotted #bba89c}}@media only screen and (max-device-width: 640px) and (orientation: portrait){#game{background-color:#000}}