*{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:-5.625rem;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:-5.625rem;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}.overlay-container{position:relative;width:100%;height:120vh;display:flex;justify-content:center;align-items:center}.circular-text{position:absolute;display:flex;justify-content:center;align-items:center;left:auto;right:auto;padding-inline:calc(var(--index) * .2);border-radius:50%}.circular-text>*{position:absolute}.c-clip{position:relative;width:100%;max-width:100vw;margin-inline:auto;overflow-x:hidden;overflow-y:visible}.circular-a{position:sticky;top:var(--sticky-top, 4vh);z-index:4;display:grid;place-items:center;width:100%;max-width:100vw;margin-left:auto;margin-right:auto;left:calc(var(--index) * .2);right:calc(var(--index) * .2);pointer-events:none;font-family:RANG;overflow:visible}.circular-rotor{position:relative;width:var(--d, 0px);height:var(--d, 0px);transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:visible;margin-top:var(--rotor-shift, 0px);transform:rotate(var(--rot, 0deg)) translateZ(0);max-width:100%}#circle{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:visible;max-width:100%}#circle span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.safari-circle-fix{position:relative;top:0}@supports (-webkit-touch-callout: none){.circular-rotor{margin-top:calc(var(--rotor-shift, 0px) + env(safe-area-inset-top))}}@media (max-width: 320px){.circular-a{top:calc(var(--index) * 2.5)}}@media (min-width: 321px) and (max-width: 350px){.circular-a{top:calc(var(--index) * 4.8)}}@media (min-width: 351px) and (max-width: 360px){.circular-a{top:calc(var(--index) * 3.3)}}@media (min-width: 351px) and (max-width: 360px) and (min-height: 600px){.circular-a{top:calc(var(--index) * 5.9)}}@media (min-width: 351px) and (max-width: 360px) and (min-height: 670px){.circular-a{top:calc(var(--index) * 6.3)}}@media (min-width: 361px) and (max-width: 375px){.circular-a{top:calc(var(--index) * -.6)}}@media (min-width: 361px) and (max-width: 375px) and (min-height: 628px){.circular-a{top:calc(var(--index) * 1.2)}}@media (min-width: 376px) and (max-width: 390px){.circular-a{top:calc(var(--index) * -1.2)}}@media (min-width: 391px) and (max-width: 393px){.circular-a{top:calc(var(--index) * -1)}}@media (min-width: 394px) and (max-width: 412px){.circular-a{top:calc(var(--index) * -1)}}@media (min-width: 394px) and (max-width: 413px) and (min-height: 771px){.circular-a{top:calc(var(--index) * -1)}}@media (min-width: 394px) and (max-width: 413px) and (min-height: 784px){.circular-a{top:calc(var(--index) * -.9)}}@media (min-width: 394px) and (max-width: 413px) and (min-height: 790px){.circular-a{top:calc(var(--index) * -.7)}}@media (min-width: 412px) and (max-width: 413px) and (min-height: 811px){.circular-a{top:calc(var(--index) * -.5)}}@media (min-width: 413px) and (max-width: 414px){.circular-a{top:calc(var(--index) * -.7)}}@media (min-width: 415px) and (max-width: 427px){.circular-a{top:calc(var(--index) * .5)}}@media (min-width: 428px) and (max-width: 430px){.circular-a{top:calc(var(--index) * -.7)}}@media (min-width: 431px) and (max-width: 440px){.circular-a{top:calc(var(--index) * -.6)}}@media (min-width: 441px) and (max-width: 480px){.circular-a{top:calc(var(--index) * .8)}}@media (min-width: 441px) and (max-width: 480px) and (min-height: 880px){.circular-a{top:calc(var(--index) * .4)}}@media (min-width: 441px) and (max-width: 480px) and (min-height: 900px){.circular-a{top:calc(var(--index) * .8)}}@media (min-width: 441px) and (max-width: 480px) and (min-height: 920px){.circular-a{top:calc(var(--index) * 1)}}@media (min-width: 441px) and (max-width: 480px) and (min-height: 930px){.circular-a{top:calc(var(--index) * 1.1)}}@media (min-width: 481px) and (max-width: 540px){.circular-a{top:calc(var(--index) * 1.5)}}@media (min-width: 481px) and (max-width: 540px) and (min-height: 1090px){.circular-a{top:calc(var(--index) * 1.8)}}@media (min-width: 481px) and (max-width: 540px) and (min-height: 1130px){.circular-a{top:calc(var(--index) * 2.1)}}@media (min-width: 541px) and (max-width: 600px){.circular-a{top:calc(var(--index) * 1.5)}}@media (min-width: 601px) and (max-width: 767px){.circular-a{top:calc(var(--index) * 2.4)}}@media (min-width: 768px) and (max-width: 819px){.circular-a{top:calc(var(--index) * 2)}}@media (min-width: 820px) and (max-width: 820px){.circular-a{top:calc(var(--index) * 1.6)}}@media (min-width: 820px) and (max-width: 834px){.circular-a{top:calc(var(--index) * .7)}}@media (min-width: 835px) and (max-width: 853px){.circular-a{top:calc(var(--index) * 4.8)}}@media (min-width: 854px) and (max-width: 1024px){.circular-a{top:calc(var(--index) * -.2)}}@media (min-width: 1025px){.circular-a{top:calc(var(--index) * .6)}}@media (min-width: 1025px) and (max-width: 1366px){.circular-a{top:calc(var(--index) * 1.7)}}@media (min-width: 1367px) and (max-width: 1376px){.circular-a{top:calc(var(--index) * 1.8)}}@media (orientation: landscape) and (max-width: 1024px){.safari-circle-fix{top:.8rem}}@media (orientation: landscape) and (max-width: 640px){.safari-circle-fix{top:1.2rem}}@media (orientation: landscape) and (max-width: 1024px) and (max-height: 600px){.circular-a{top:calc(var(--index) * 0)}}@media (orientation: landscape) and (max-width: 640px){.circular-a{top:calc(var(--index) * 2.8)}}@media (orientation: landscape) and (max-height: 430px) and (max-width: 820px){.circular-a{top:calc(var(--index) * 3.2)!important}}@media (orientation: landscape) and (max-height: 400px){.circular-a{top:calc(var(--index) * 3.6)!important}}@media (orientation: landscape) and (min-width: 666px) and (max-width: 667px) and (max-height: 500px){.circular-a{top:calc(var(--index) * .2)!important}}@media (orientation: landscape) and (min-width: 700px) and (max-width: 852px) and (max-height: 500px){.circular-a{top:calc(var(--index) * .2)!important}}@media (orientation: landscape) and (min-width: 853px) and (max-width: 874px) and (max-height: 500px){.circular-a{top:calc(var(--index) * .1)!important}}@media (orientation: landscape) and (min-width: 875px) and (max-width: 900px) and (max-height: 500px){.circular-a{top:calc(var(--index) * .6)!important}}@media (orientation: landscape) and (min-width: 901px) and (max-width: 956px) and (max-height: 500px){.circular-a{top:calc(var(--index) * .2)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#circle span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}#circle span{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}*{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}