*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{width:100vw;height:100vh;background-color:#000;font-family:monospace}body{width:100%;height:100vh;font-family:monospace;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:none}.app{opacity:0;transition:opacity 3s ease-in-out}.text-wall-container.fade-in{opacity:1;transform:translateY(0);transition:opacity 1.5s ease,transform 1.5s ease}.text-wall-container.fade-out{opacity:0;transform:translateY(5vh);pointer-events:none}.container.loaded .app{opacity:1}.overlay-container{top:0;position:relative;display:flex;justify-content:center;align-items:center}.nav{position:fixed;z-index:4}.navbar{position:fixed;top:0;left:0;width:10vw;display:flex;justify-content:space-between;align-items:center;padding:4vh}.menu-toggle{cursor:pointer}.hamBox{position:relative;width:30px;height:30px;cursor:pointer;border-radius:50%;transition:.3s ease;padding:4.8vh}.hamBox:hover{box-shadow:0 0 25px 5px #fff}.lineTop,.lineBottom{margin:0 auto;position:absolute;display:block;width:24px;height:2px;border-radius:50%;background:#ffffff80;left:0;right:0;transform:rotate(0);transition:all .4s;box-shadow:0 0 25px 5px #fff}.lineTop{top:4.4vh}.lineBottom{bottom:4.4vh}.lineTop.spin{top:4.7vh;transform:rotate(135deg);background:#fff}.lineBottom.spin{bottom:4.7vh;transform:rotate(225deg);background:#fff}.nav-overlay{position:fixed;background:#0000;z-index:-2;bottom:-100%;left:0;width:100%;height:150vh;border-radius:50%;overflow:hidden;padding:8vh;transition:all 2s cubic-bezier(.16,1,.3,1)}ul.nav-links{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;text-shadow:0px 0px 20px white}ul.nav-links li{list-style:none;position:relative}ul.nav-links li a{text-decoration:none;color:#000;font-family:RANG;font-size:6vh;position:relative;bottom:0;transition:all 2s cubic-bezier(.16,1,.3,1)}.nav-item-wrapper:after{content:"";position:absolute;top:120px;left:-10%;width:120%;height:100%;margin:0 auto}@media (max-width: 1376px) and (orientation: landscape){.navbar{padding:5vh}.hamBox{padding:4.4vh}ul.nav-links li a{font-size:4vh}.lineTop{top:4vh}.lineBottom{bottom:4vh}.lineTop,.lineBottom{width:35%}.lineTop.spin{top:4.3vh}.lineBottom.spin{bottom:4.3vh}}@media (max-width: 1200px) and (orientation: portrait),(max-width: 1200px) and (orientation: landscape){.navbar{padding:5vh}.hamBox{padding:3.6vh}ul.nav-links li a{font-size:3vh}.lineTop{top:3.5vh}.lineBottom{bottom:3.2vh}.lineTop,.lineBottom{width:30%}.lineTop.spin{top:3.5vh}.lineBottom.spin{bottom:3.55vh}ul.nav-links{top:60%}}@media (max-width: 1180px) and (orientation: landscape){.navbar{padding:5vh}.hamBox{padding:4.4vh}ul.nav-links li a{font-size:4vh}.lineTop{top:4vh}.lineBottom{bottom:4vh}.lineTop,.lineBottom{width:35%}.lineTop.spin{top:4.3vh}.lineBottom.spin{bottom:4.3vh}ul.nav-links{top:70%}}@media (max-width: 1024px) and (max-height: 1400px) and (orientation: portrait){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:75%}}@media (max-width: 1024px) and (max-height: 800px) and (orientation: landscape){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:60%}}@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:70%}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:70%}}@media (max-width: 900px) and (orientation: portrait),(max-width: 900px) and (orientation: landscape){.navbar{padding:5vh}.hamBox{padding:4.6vh}ul.nav-links li a{font-size:6vh}.lineTop{top:4vh}.lineBottom{bottom:4vh}.lineTop,.lineBottom{width:40%}.lineTop.spin{top:4.5vh}.lineBottom.spin{bottom:4.2vh}}@media (max-width: 900px) and (max-height: 1300px) and (orientation: portrait){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:75%}}@media (max-width: 800px) and (orientation: portrait),(max-width: 800px) and (orientation: landscape){.navbar{padding:4vh}.hamBox{padding:4.6vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.9vh}.lineBottom{bottom:3.9vh}.lineTop.spin{top:4.2vh}.lineBottom.spin{bottom:4.4vh}ul.nav-links{top:65%}}@media (max-width: 720px) and (max-height: 600px) and (orientation: landscape){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:60%}}@media (max-width: 800px) and (max-height: 1024px) and (orientation: portrait){.navbar,.hamBox{padding:4vh}ul.nav-links li a{font-size:4.5vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.5vh}.lineTop.spin{top:3.8vh}.lineBottom.spin{bottom:4vh}ul.nav-links{top:75%}}@media (max-width: 700px) and (orientation: portrait),(max-width: 700px) and (orientation: landscape){.navbar{padding:4vh}.hamBox{padding:4.6vh}ul.nav-links li a{font-size:4vh}.lineTop{top:3.9vh}.lineBottom{bottom:3.9vh}.lineTop.spin{top:4.2vh}.lineBottom.spin{bottom:4.4vh}ul.nav-links{top:65%}}@media (max-width: 600px) and (orientation: portrait),(max-width: 600px) and (orientation: landscape){.navbar{padding:1.4vh}.hamBox{padding:4vh}ul.nav-links li a{font-size:4vh}.lineTop{top:3.6vh}.lineBottom{bottom:3.6vh}.lineTop.spin{top:3.87vh}.lineBottom.spin{bottom:3.87vh}ul.nav-links{top:75%}}@media (max-width: 500px) and (orientation: portrait),(max-width: 500px) and (orientation: landscape){.navbar{padding:2vh}.hamBox{padding:2.9vh}ul.nav-links li a{font-size:3vh}.lineTop{top:3vh}.lineBottom{bottom:3vh}.lineTop.spin{top:2.95vh}.lineBottom.spin{bottom:2.6vh}ul.nav-links{top:70%}}@media (max-width: 400px) and (orientation: portrait),(max-width: 400px) and (orientation: landscape){.navbar{padding:2vh}.hamBox{padding:2.8vh}ul.nav-links li a{font-size:3vh}.lineTop{top:3vh}.lineBottom{bottom:3vh}.lineTop.spin{top:2.7vh}.lineBottom.spin{bottom:2.7vh}ul.nav-links{top:70%}}@media (max-width: 380px) and (orientation: portrait),(max-width: 380px) and (orientation: landscape){.navbar{padding:2vh}.hamBox{padding:3.34vh}ul.nav-links li a{font-size:2.5vh}.lineTop{top:3.4vh}.lineBottom{bottom:3.4vh}.lineTop,.lineBottom{width:40%}.lineTop.spin{top:3.2vh}.lineBottom.spin{bottom:3.2vh}}@media (max-width: 380px) and (max-height: 900px) and (orientation: portrait){.navbar{padding:2vh}.hamBox{padding:3.34vh}ul.nav-links li a{font-size:3vh}.lineTop{top:3.4vh}.lineBottom{bottom:3.4vh}.lineTop,.lineBottom{width:40%}.lineTop.spin{top:3.2vh}.lineBottom.spin{bottom:3.2vh}ul.nav-links{top:70%}}@media (max-width: 300px) and (orientation: portrait),(max-width: 300px) and (orientation: landscape){.navbar{padding:.8vh}.hamBox{padding:3.2vh}ul.nav-links li a{font-size:3vh}.lineTop{top:3.4vh}.lineBottom{bottom:3.4vh}.lineTop,.lineBottom{width:40%}.lineTop.spin{top:3.07vh}.lineBottom.spin{bottom:3.07vh}}.preloader{background:#000;top:0vh;left:-.65vw;width:100%;height:100vh;position:fixed;z-index:9999;display:flex;justify-content:center;align-items:flex-start;transition:opacity 1s ease-in-out;opacity:1;margin:0;overflow:hidden}.preloader img{margin-top:5.8vh;width:30vw;z-index:9999}.preloader.hidden{display:none;opacity:0;pointer-events:none;transition:opacity .4s ease}.container.loaded{opacity:1}.app{opacity:0;transition:opacity 1s ease-in-out}.app.visible{opacity:1}@media only screen and (min-width: 1369px) and (max-width: 1376px) and (orientation: landscape){.preloader img{margin-top:8vh;width:37vw}.preloader{left:-.9vw}}@media only screen and (min-width: 1024px) and (max-width: 1368px) and (orientation: landscape){.preloader img{margin-top:9vh;width:32vw}.preloader{left:-.9vw}}@media ((max-width: 1032px) and (max-height: 1300px) and (orientation: portrait)){.preloader img{margin-top:6vh;width:48vw}.preloader{left:-1.2vw}}@media ((max-width: 1024px) and (max-height: 1260px) and (orientation: portrait)){.preloader img{margin-top:1.6vh;width:50vw}.preloader{left:-1.2vw}}@media (max-width: 853px){.preloader img{margin-top:8.2vh;width:46vw}}@media (max-width: 834px){.preloader img{margin-top:4.2vh;width:46vw}.preloader{left:-1.2vw}}@media (max-width: 768px){.preloader img{margin-top:4vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 480px){.preloader img{margin-top:3vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 480px) and (min-height: 930px){.preloader img{margin-top:4vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 450px){.preloader img{margin-top:4vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 431px){.preloader img{margin-top:2.6vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 420px){.preloader img{margin-top:3vh;width:55vw}.preloader{left:-1.3vw}}@media (max-width: 413px){.preloader img{margin-top:4vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 410px){.preloader img{margin-top:2.6vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 380px){.preloader img{margin-top:5.4vh;width:55vw}.preloader{left:-1.2vw}}@media (max-width: 360px){.preloader img{margin-top:9.4vh;width:55vw}.preloader{left:-1.2vw}}.arrow-down{width:3.75rem;height:2.5rem;position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);animation:arrow .5s 1s infinite ease-out alternate}.arrow-down:hover{animation-play-state:paused}.left{position:absolute;height:.1875rem;width:2.5rem;background:#ffffff80;transform:rotate(240deg);top:-4rem;left:1.25rem;border-radius:50%;transform-origin:.3125rem 50%;animation:leftArrow .5s 1s infinite ease-out alternate;box-shadow:0 0 1.5625rem .3125rem #fff}.right{position:absolute;height:.1875rem;width:2.5rem;background:#ffffff80;transform:rotate(-60deg);top:-4rem;left:1.6rem;border-radius:50%;transform-origin:.3125rem 50%;animation:rightArrow .5s 1s infinite ease-out alternate;box-shadow:0 0 1.5625rem .3125rem #fff}@keyframes arrow{0%{bottom:0rem}to{bottom:2.5rem}}@keyframes leftArrow{to{-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes rightArrow{to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@media only screen and (max-device-width: 1220px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-11rem}}@media only screen and (max-device-width: 840px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-14rem}}@media only screen and (max-device-width: 768px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-12rem}}@media only screen and (max-width: 480px){.arrow-down{left:50%;transform:translate(-50%)}}@media (max-width: 1220px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-14rem}}@media (max-width: 840px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-14rem}}@media (max-width: 768px){.arrow-down{left:50%;transform:translate(-50%)}.left,.right{top:-12rem}}.divider2{max-width:100%;height:1px;background:linear-gradient(90deg,#ffffff1a,#fff9,#ffffff1a);box-shadow:0 0 10px 1px #fff6;opacity:.8;margin:2rem}.footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:1rem 2rem 2rem;font-family:monospace}.footer-left,.footer-right{font-size:.95rem;color:#bbb;margin:0;cursor:default;-webkit-user-select:none;user-select:none;transition:color .3s ease-in-out,text-shadow .3s ease-in-out}.footer-left{justify-self:start}.footer-right{justify-self:end}.footer-socials{display:flex;gap:1.2rem;justify-content:center;align-items:center}.footer-socials a{font-size:2rem;color:#bbb;transition:all .3s ease-in-out}.footer-socials a:hover{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #aaa;transform:scale(1.3)}.footer-left:hover,.footer-right:hover{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #aaa}.highlight{color:#61dafb;text-shadow:0 0 8px rgba(97,218,251,.8);transition:color .3s ease-in-out}.highlight:hover{color:#ffea00;text-shadow:0 0 15px rgba(255,225,0,.9)}.highlight_1{color:#fc0202;text-shadow:0 0 8px rgba(239,128,128,.8);transition:color .3s ease-in-out}.highlight_1:hover{color:red;text-shadow:0 0 15px rgba(255,141,141,.9)}@media (max-width: 700px){.footer{grid-template-columns:1fr;text-align:center;line-height:1rem;row-gap:.6rem;padding:1.5rem 1rem}.footer-left,.footer-right{justify-self:center;margin:.4rem 0}.footer-socials{margin:.6rem 0}}.intro{top:0;max-width:100vw;height:260vh;position:sticky;z-index:0}.intro canvas{border-radius:50%;background-size:100%;max-width:50vw;max-height:50vh;z-index:99999;place-items:center;margin-top:3vh;position:relative;left:50%;transform-origin:center;transform:translate(-50%) translateY(-50%);box-shadow:0 0 20px #fff,0 0 40px #b700ff80,0 0 64px #a000ff59,0 0 80px #0ff,0 0 120px #9500ff,0 0 180px #0ff}.frame{height:0;position:sticky;display:grid;place-items:center;left:6vw;top:38vh;right:6vw}.face{position:sticky}.one{top:0;display:grid;place-items:center;max-width:100%;height:100vh;position:sticky;background-color:transparent;font-family:monospace;z-index:3}@media only screen and (min-width: 1024px){.intro{height:245vh;width:100%}.intro canvas{max-width:60vw;max-height:60vh;margin-top:3vh}}@media only screen and (min-width: 1023px) and (max-width: 1080px){.intro{width:100%}.intro canvas{max-width:52vw;max-height:52vh;margin-top:-10vh}}@media only screen and (min-width: 769px) and (max-width: 1023px){.intro{width:100%}.intro canvas{max-width:49vw;max-height:49vh;margin-top:-14.3vh}}@media only screen and (max-width: 1024px){.intro{width:100%}.intro canvas{max-width:49vw;max-height:49vh;margin-top:-14.3vh}}@media only screen and (max-width: 768px){.intro{width:100%}.intro canvas{max-width:47vw;max-height:47vh;margin-top:-13.5vh}}@media only screen and (max-width: 640px){.intro{width:100%}.intro canvas{max-width:42vw;max-height:42vh;margin-top:-15.5vh}}@media only screen and (max-width: 540px){.intro{width:100%}.intro canvas{max-width:56vw;max-height:56vh;margin-top:-18.5vh}}@media only screen and (max-width: 480px){.intro{width:100%}.intro canvas{max-width:60vw;max-height:60vh;margin-top:-18vh}}@media only screen and (max-width: 375px){.intro{height:270vh;max-width:100%}.intro canvas{max-width:52vw;max-height:52vh;margin-top:-16.5vh}}@media only screen and (width: 375px) and (height: 812px){.intro{max-width:100%}.intro canvas{max-width:58vw;max-height:58vh;margin-top:-18vh}}@media only screen and (max-width: 360px){.intro{width:100%}.intro canvas{max-width:58vw;max-height:58vh;margin-top:-12vh}}@media only screen and (max-width: 350px){.intro{width:100%}.intro canvas{max-width:60vw;max-height:60vh;margin-top:-17.7vh}}@media only screen and (max-device-width: 1380px) and (max-height: 930px) and (orientation: landscape){.intro{height:250vh;width:100%}.intro canvas{max-width:51vw;max-height:51vh;margin-top:0vh}}@media only screen and (max-device-width: 1368px) and (max-height: 912px) and (orientation: landscape){.intro{height:250vh;width:100%}.intro canvas{max-width:51vw;max-height:51vh;margin-top:0vh}}@media screen and (max-width: 1024px) and (orientation: landscape){.intro{width:100%}.intro canvas{max-width:45vw;max-height:45vh}@media only screen and (min-device-width: 1024px) and (max-width: 1368px) and (orientation: landscape){.intro{height:260vh;width:100%}.intro canvas{max-width:45vw;max-height:45vh;margin-top:-6.5vh}}@media only screen and (max-width: 960px) and (orientation: landscape){.intro canvas{max-width:62vw;max-height:62vh;margin-top:calc(var(--index) * 2)}}@media only screen and (max-width: 853px) and (orientation: landscape){.intro canvas{max-width:42vw;max-height:42vh;margin-top:calc(var(--index) * -1)}}@media only screen and (max-width: 800px) and (orientation: landscape){.intro{height:150vh}.intro canvas{max-width:52vw;max-height:52vh;margin-top:1vh}}@media only screen and (max-width: 720px) and (orientation: landscape){.intro{height:150vh}.intro canvas{max-width:40vw;max-height:40vh;margin-top:-8vh}}@media only screen and (max-width: 670px) and (orientation: landscape){.intro{height:150vh}.intro canvas{max-width:48vw;max-height:48vh;margin-top:-2.5vh}}@media only screen and (max-width: 640px) and (orientation: landscape){.intro{height:130vh}.intro canvas{max-width:55vw;max-height:55vh;margin-top:calc(var(--index) * 1.5)}}@media only screen and (max-width: 480px) and (orientation: landscape){.intro{height:110vh}.intro canvas{max-width:65vw;max-height:65vh;margin-top:calc(var(--index) * 1.2)}}}@font-face{font-family:RANG;src:url(/fonts/RANGRegular.woff2) format("woff2"),url(/fonts/RANGRegular.woff) format("woff"),url(/fonts/RANGRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased}.circular-overlay{position:fixed;left:50%;top:50%;width:var(--d, 0px);height:var(--d, 0px);transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) translateZ(0);transform-origin:50% 50%;will-change:transform,opacity,left,top,width,height;pointer-events:none}.circular-rotor{position:relative;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:visible}#circle{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:visible}#circle span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.safari-circle-fix{position:relative;top:0}*{margin:0;padding:0;box-sizing:border-box}:root{--index: calc(1vw + 1vh) }html{max-width:100vw;height:100vh;background-color:#000;font-family:monospace}body{width:100%;max-width:100%;height:100vh;font-family:monospace}h1{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);color:gray}