@font-face{font-family:aften_screen;src:url(/font/aften_screen.woff)}*{margin:0;padding:0;box-sizing:border-box}html,body{color:#f8f8f8;font-family:aften_screen;overflow:hidden;width:100vw;height:100vh}body{background-color:#222}a{text-decoration:none;align-items:center;color:#fff;pointer-events:auto;font-size:1.15rem}nav{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100vw;padding:4.5vh}nav div{display:flex;align-items:center;gap:.5rem}.canvas{z-index:-1;position:absolute;top:0;left:0;height:100%;width:100%}.bottom{position:absolute;bottom:5vh;left:4.5vh}.progress-bar{background:#fff3;bottom:5vh;height:1px;overflow:hidden;position:absolute;right:4.5vh;width:20vw}.progress-bar .progress{background:#fff;height:1px;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;width:100%}.circle{position:absolute;bottom:3%;left:51.5%;transform:translate(-50%)}.circle .inner{position:absolute;left:0;top:0}.ring{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loader{width:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}#loader p{color:#fff;font-size:1.5vw;position:absolute;top:50%;left:50%;transform:translate(-50%)}.fade{opacity:0;animation:fadeIn 2s 1s forwards}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width: 600px){.vr a,.circle{display:none}#loader{width:55%}#loader p{font-size:4vw}.progress-bar{bottom:5vh;height:1px;width:35vw}}