html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100%;background-color:#1fd537;color:#fff}*,*: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}.level-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin:0 auto}.level-container button{font-size:1.4rem;background-color:#b3000c;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #b3000c;color:#fff;display:block;height:80px;-webkit-user-select:none;user-select:none;outline:none}.level-container button:hover{box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.level-container button: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 dashed #b3000c}}@media only screen and (max-device-width: 640px) and (orientation: portrait){#game{background-color:#000}}