*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:aften_screen;src:url(./aften_screen.woff?#iefix)}html,body{background-color:#141518;font-family:aften_screen;overflow:hidden;width:100vw;height:100vh}a{text-decoration:none;align-items:center;color:#fff;pointer-events:auto;font-size:1.1rem}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}.bottom{position:absolute;bottom:4.5vh;left:4.5vh}#loader{width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}#loader p{color:#fff;font-size:large;position:absolute;top:50%;left:50%;transform:translate(-50%)}.progress-bar{background:#fff3;bottom:4.5vh;height:1px;overflow:hidden;position:absolute;right:4.5vh;width:14vw}.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:7%;left:50%;transform:translate(-50%)}.circle .inner{position:absolute;left:0;top:0}.ring{animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.process{position:absolute;top:0;left:0;font-size:20px}#process p{color:#fff;font-size:large;position:absolute;top:50%;left:50%;transform:translate(-50%)}.fade{opacity:0;animation:fadeIn 3s 2s forwards}@keyframes fadeIn{to{opacity:1}}.circle{transition:transform .3s ease;cursor:pointer}.circle:hover{transform:rotate(15deg) scale(1.1)}#fullscreen-back{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}#fullscreen-back.visible{opacity:1;pointer-events:all}#exit-fullscreen{position:fixed;top:20px;right:20px;padding:10px 20px;background:#fff3;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer}
