body,html{height:100%;padding:0;margin:0;background:#000;font-family:IBM Plex Mono,monospace;overflow:hidden}#main{position:fixed;width:100vw;height:100vw;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:none}#main.active{display:block}canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:pixelated}#font{position:absolute;top:50vh;left:50vw;width:50vw;height:50vw;transform:translate3d(-50%,-50%,0);display:none}#font.active{display:block}@media (orientation:portrait){#main{width:100vh;height:100vh}#font{width:50vh;height:50vh}}::-webkit-scrollbar{display:none}