@font-face{font-family:Minecraft;src:url(/assets/Minecraft-DepcjwOz.ttf)}html{height:100vh;font-family:Minecraft}interaction{transition:.2s ease-in-out box-shadow;outline:none;box-shadow:0 0 0 3px rgba(#03e9f4,.5)}:focus{@extend %interaction;}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #18f807;border-radius:25px;background:none;color:#03e9f4;padding:7px 13px;font-family:Minecraft;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{@extend interaction;transition:.2s ease-in-out border-color,.2s ease-in-out box-shadow}.logo{width:230px;position:absolute;bottom:50px;right:60px}.overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.3;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none}.overlay:after{content:"";background-image:radial-gradient(#00fff0 -10%,#1315171a 70%);background-repeat:no-repeat;background-position:-20vw 20vh;position:absolute;top:0;left:0;height:100%;width:100%;opacity:1;transform:none;transition:2s ease-in opacity,2s ease-in transform}.overlayRed{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.3;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none}.overlayRed:after{content:"";background-image:radial-gradient(#18f807 -10%,#1315171a 70%);background-repeat:no-repeat;background-position:20vw -20vh;position:absolute;top:0;left:0;height:100%;width:100%;opacity:1;transform:none;transition:2s ease-in opacity,2s ease-in transform}.scanlines{top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 70%,#0009);background-size:100% .3rem;position:fixed;-webkit-user-select:none;user-select:none;pointer-events:none}.scanlines:before{content:"";position:absolute;top:0;width:100%;height:5px;background:#18f807;background:linear-gradient(to bottom,#f000,snow 50%,#fffffffa 51%,#f000);opacity:.1;animation:vline calc(var(--time, 2) * 1s) linear infinite}@keyframes vline{to{transform:translateY(100%)}}.loading-percent{color:#03e9f4;text-shadow:0 0 10px #03e9f4;font-size:48px;position:fixed;top:50vh;right:100px;transform:translateY(-50%);font-weight:400;animation:loadingGlitch 3s linear infinite alternate}@function getRandom($glitchMax){@return random(floor($glitchMax)) - $glitchMax/2;}@mixin letsGlitch($shadow){$color: nth($glitchColors,random(length($glitchColors))); $test: random(6); @if $test ==4 or $test ==1 {clip-path: polygon(nth($glitchPolygons,random(length($glitchPolygons))));} @if $test <=3 or $test >=5 {text-shadow: getRandom($glitchMax)+px getRandom($glitchMax)+px $color;} @if $test ==2 or $test ==3 {color: transparent;}}.helix{position:absolute;width:17px;height:50vh;right:50px;top:50vh;transform-origin:center}.helix .strand{position:absolute;width:34px;height:4px;background:#03e9f4;transform-origin:center center;box-shadow:0 0 40px 3px rgba(#03e9f4,.2)}.dash-pattern{position:absolute;width:90vw;left:50%;transform:translate(-50%)}.dash-pattern.top{top:50px}.dash-pattern.bottom{bottom:50px}.dash-pattern .dash{position:absolute;width:4px;height:4px;border-radius:10px;background:#03e9f4;animation-name:dash-spin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}.dash-pattern .dash:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:12px;height:1px;background:#03e9f4}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.wallpaperContainer{background:#202124e6!important}.app-container.screen-jerk{animation-name:screen-jerk;animation-delay:.45s;animation-duration:.05s;animation-timing-function:linear;animation-iteration-count:1}.app-container.screen-jerk .overlay:after{animation-name:overlay-hide;animation-delay:.2s;animation-duration:.4s;animation-timing-function:linear;animation-iteration-count:1}@keyframes screen-jerk{0%{transform:translate(0)}50%{transform:translate(-100px,150px);filter:saturate(100)}to{transform:translate(0)}}@keyframes overlay-hide{0%{opacity:0}80%{opacity:0}to{opacity:1}}.boot-screen{overflow:hidden;height:100%;max-height:100%;transition:.2s .25s ease-in-out opacity;position:relative}.boot-screen:before,.boot-screen:after{content:"";display:block;position:fixed;height:100%;width:100%;left:0;top:0;z-index:10;transition:.1s ease-in-out opacity;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.boot-screen:before{background-color:#03e9f4;transition-delay:0}.boot-screen:after{background-color:#161421;transition-delay:.15s}.boot-screen.hide{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.boot-screen.hide:before{opacity:1}.boot-screen.hide:after{opacity:1}.boot-sequence{position:fixed;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);color:#03e9f4}.boot-sequence .btn{position:absolute;left:51%;top:65%;margin-top:20px;transform:translate(-50%);z-index:10}.boot-sequence img{width:250px;position:absolute;height:250px;top:45%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.boot-sequence h1{margin-top:-15px;margin-left:4px;font-family:Minecraft;font-weight:400;white-space:nowrap;position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);animation:loadingGlitch 5s linear -1.5s infinite alternate;font-size:80px}.boot-sequence h1:after,.boot-sequence h1:before{content:"";position:absolute;display:block;width:80%;left:10%;height:3px;background-image:linear-gradient(to right,#03e9f4 10%,#fff0 0%);background-position:bottom;background-size:22px 1px;background-repeat:repeat-x}.boot-sequence h1:before{top:-10px}.boot-sequence h1:after{bottom:-5px}.outter-circle{position:absolute;width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%)}.outter-circle .white-circle{stroke:#18f807;transform:rotate(0);transform-origin:center;animation:circleSpin 15s linear -1.5s infinite reverse}.inner-circle{position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%)}.inner-circle .red-circle{stroke:#18f807;transform:rotate(0);transform-origin:center;animation:circleQuarterSpin 1.5s linear infinite alternate}.inner-circle .green-circle{stroke:#03e9f4;position:absolute;top:0;left:0;animation:circleQuarterSpin 1.5s linear -1.5s infinite alternate}@keyframes circleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circleQuarterSpin{0%{transform:rotate(0)}to{transform:rotate(45deg)}}.console{position:absolute;top:50px;left:50px;right:50px;bottom:50px;-webkit-user-select:none;user-select:none;pointer-events:none;color:#03e9f4;text-shadow:0 0 10px #03e9f4;font-size:17px;font-weight:500;letter-spacing:4px;opacity:.5;overflow:hidden}