body,html{font-family:monospace;margin:0;width:100%;height:100%}canvas{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.text-screen{text-align:center;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute;color:#3f8611;width:100%;height:100%;font-variant:small-caps}.text-screen h1{font-size:5em;background:#000}.text-screen p{font-size:3em;max-width:800px;padding:0 5%;background:#000}.text-screen h3{font-size:3.5em;background:#000}#canvas{z-index:2}#bg{flex:1;width:100%;height:100%;background-color:#000}.mobile-controls{z-index:10000;position:fixed;bottom:0;width:100%;height:auto;display:flex;align-items:center}.mobile-controls div{height:100%;width:100%;margin:10px;display:flex}.mobile-controls button{font-size:3.6em;background:rgba(0,0,0,.3);border-radius:3px;padding:5px;color:rgba(0,128,0,.6);border:1px solid rgba(0,128,0,.6);width:100%}.hide{display:none}@media screen and (max-width:450px){body{font-size:12px}.text-screen h1{font-size:2.5em}.text-screen h3{font-size:2.2em}.text-screen p{font-size:2em}}