.loading{position:absolute;width:100%;height:100%;top:0;left:0;background:#262626;visibility:hidden;opacity:0;transition:0.5s}.loading .content{animation:spin 1s linear infinite;height:10px;width:10px;position:absolute;top:50%;left:50%;margin:-5px}.loading p{position:relative;text-align:center;font-family:'Press Start 2P', serif;text-transform:uppercase;color:#00eede;top:70px;left:-50px}.loading.visible{opacity:100%;visibility:visible}@keyframes spin{0%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}6.25%{box-shadow:0px -30px transparent,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}12.5%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}18.75%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}25%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}31.25%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}37.5%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px transparent,
 -10px -30px transparent}43.75%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px #00eede,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px transparent}50%{box-shadow:0px -30px transparent,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px #00eede,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}56.25%{box-shadow:0px -30px #00eede,
 10px -30px transparent,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px #00eede,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}62.5%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px transparent,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px #00eede,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}68.75%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px transparent,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px #00eede,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}75%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px transparent,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px #00eede,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}81.25%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px transparent,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px #00eede,
 -20px -20px #00eede,
 -10px -30px #00eede}87.5%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px transparent,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px #00eede,
 -10px -30px #00eede}93.75%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px transparent,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px #00eede}100%{box-shadow:0px -30px #00eede,
 10px -30px #00eede,
 20px -20px #00eede,
 30px -10px #00eede,
 30px 0px #00eede,
 30px 10px #00eede,
 20px 20px #00eede,
 10px 30px #00eede,
 0px 30px transparent,
 -10px 30px transparent,
 -20px 20px transparent,
 -30px 10px transparent,
 -30px 0px transparent,
 -30px -10px transparent,
 -20px -20px transparent,
 -10px -30px transparent}}.container{display:flex;flex-direction:column}.volume{align-self:flex-end}.fas{margin-left:5px;cursor:pointer}.fas:hover{color:#262626}.fa-volume-mute.active{color:#262626}.mobiles{display:none;height:100vh;flex-direction:column;align-items:center;justify-content:space-evenly;font-family:'Press Start 2P', serif;text-align:center;margin:0 10px}.mobiles h2{font-size:20px}.mobiles h3{font-size:11px}.mobiles a{color:#00eede}.mobiles img{border:1px black solid;display:block;margin:0 auto;width:90%}@media (max-width: 767px){.mobiles{display:flex}.loading,.volume,#canvas{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:dimgrey;display:flex;justify-content:center;font-family:'Teko', serif}img{display:none}#canvas{margin-top:5px;border:2px solid black;cursor:crosshair}