@font-face{font-family:hel-med;src:url(/assets/hel-med-CkWYMaiD.woff2) format("woff2"),url(/assets/hel-med-BrZCxrWp.woff) format("woff");font-weight:400;font-style:normal}canvas.main{display:block;width:100%;height:100%}#control-container{position:absolute;overflow:hidden;width:100vw;height:100vh;z-index:50000}.movement-pad{display:none;opacity:1}.movement-pad .region{display:none}.movement-pad .handle{display:none;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;font-family:hel-med;height:100vh;overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-end}#left{color:#fff;text-align:right;white-space:nowrap;position:relative;line-height:1.1}#right{text-align:left;white-space:nowrap;color:#fff;line-height:1.1}.line{display:flex;gap:.5%}.grey{text-align:right}#container{display:flex;flex-direction:row;position:absolute;top:40%;left:45%;transform:translate(-50%,-50%);z-index:500000}#counterContainer{font-family:freight-big-pro;font-style:italic;color:#000;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;width:355px;height:50px;margin-bottom:2.2%;z-index:500000}#staticCounter{position:absolute;right:7%}#counter{position:absolute;display:flex;width:50px;left:28%}#staticCounter,#counter{font-family:freight-big-pro;font-style:italic;font-size:5.5em;color:#000;display:inline-block;vertical-align:top;line-height:1;font-variant-numeric:lining-nums}#logoContainer{display:flex;flex-direction:column;color:#d8d8d8;gap:11px;justify-content:center;align-items:center;align-self:center;margin-bottom:10%;z-index:500000}#logoContainer img{width:10%}#logo{display:flex;justify-content:center;align-items:center;align-self:center}.hidden{display:none;pointer-events:none}#instruction-block{opacity:0;transition:opacity 1s ease-in-out}.transition{animation-name:fade-out;animation-duration:1s;animation-fill-mode:forwards}.display-none{display:none}@keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}.transition2{animation-name:fade-in;animation-duration:3s;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.transition3{animation-name:block-in;animation-duration:3s;animation-fill-mode:forwards}@keyframes block-in{0%{display:none}to{display:block;z-index:500000;opacity:1}}.transition4{animation-name:block-in;animation-duration:.2s;animation-fill-mode:forwards}.visible{display:block;opacity:1;transition:opacity 1s ease-in-out}@media screen and (max-width: 580px){#left,#right{font-size:.7em}#container{top:40%;left:38%;transform:translate(-52%,-50%)}#counterContainer{margin-bottom:3%;width:200px}#staticCounter,#counter{font-size:3.5em}#staticCounter{position:absolute;right:0%}#logoContainer{gap:8px;font-size:.8em;margin-bottom:20vh}#logoContainer img{width:30%}body{max-height:100%;overflow-y:hidden;position:fixed}.main.hidden{position:fixed}canvas.main{display:block;width:100%;height:100%}.movement-pad{display:block;position:absolute;bottom:0%;left:60%}.movement-pad .region{display:block;position:absolute;width:100px;height:100px;background:radial-gradient(#dae1e640 5%,#d7e1ff80 95%),url(../images/nav.png) center center no-repeat;border:2px solid rgba(218,225,230,.25);border-radius:90px;box-shadow:0 0 5px #c2c8cc8c;-webkit-user-select:none;user-select:none}.movement-pad .handle{display:block;opacity:.1;position:absolute;height:30px;width:30px;top:0;left:0;background:radial-gradient(#d7e1ffb3,#d7e1ff80);border-radius:50%;box-shadow:0 0 7px #c3cdf5e6;text-align:center;font:24px/44px Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}}@font-face{font-family:hel-med;src:url(/assets/hel-med-CkWYMaiD.woff2) format("woff2"),url(/assets/hel-med-BrZCxrWp.woff) format("woff");font-weight:400;font-style:normal}p{margin:0;padding:0}body{margin:0;padding:0;font-family:hel-med;height:100vh;color:#a3a3a3}.key{width:2.5em;margin-right:5%}#black-logo{width:12em;padding-top:1%}.instructions{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}#instruction-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);z-index:5000000000}#backdrop{position:absolute;width:100vw;height:100vh;background-color:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:-111}.top-logo,.site-desc,.icons,.enter-button{width:15vw}.top-logo,.site-desc,.icons{padding-bottom:2em}.screenshot,.mute,.fullscreen{display:flex;flex-direction:row;align-items:center;margin:5% 0;white-space:nowrap}.enter-button{background-color:#bebebe;color:#fff;border-radius:11px;text-align:center;transition:all 1s ease}.enter-button:hover{cursor:pointer;background-color:#a5a5a5}.enter-button p{padding:4%}.icons{display:flex;flex-direction:row;justify-content:space-between}.mouse-container{position:relative;width:85px;height:85px}.mouse-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-wheel{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);animation-name:scrollAnimations;animation-iteration-count:infinite;animation-duration:3s}@keyframes scrollAnimations{0%{top:25%}50%{top:35%}to{top:25%}}.mouse-outline img,.scroll-wheel img{height:auto}.mousey{width:2.5em}.mouseWheel{width:.35em}.right-icons{white-space:nowrap;padding-left:10%;padding-top:9.5%}@media screen and (max-width: 600px){.top-logo,.site-desc,.icons,.enter-button{width:65vw;font-size:.8em}#black-logo{width:8em;padding-top:1%}.enter-button{border-radius:7px}.right-icons{padding-top:2%}.top-logo,.site-desc,.icons{padding-bottom:1.3em}#instruction-block{position:absolute;top:60%;left:100%;transform:translate(30%,-27%)}.icons{display:none}}