nav{filter:drop-shadow(0 0 15px #000);z-index:99;display:flex;justify-content:center;align-items:center;width:100vw;height:23vh;position:absolute;top:1vw;transition:.5s}nav .nav-center{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:url(#nav);display:flex;align-items:center;width:64%;aspect-ratio:1/1;position:absolute;background-image:linear-gradient(90deg,#485d85c0,#29364fc0,#171d29c0,#171d29c0,#29364fc0,#485d85c0)}nav .nav-center:before{content:"";width:100%;height:100%;position:absolute;background-image:url(/imgs/clips/nav-center.svg);background-size:cover}nav .nav-center .links{display:flex;justify-content:space-between;width:21%;position:absolute}nav .nav-center .links.left{left:8%}nav .nav-center .links.right{right:8%}nav .nav-center .links a{display:flex;gap:6px;color:#fff;transition:.2s}nav .nav-center .links a s-icon{display:flex;justify-content:center;width:15px;fill:#fff;transition:.2s}nav .nav-center .links a:hover{text-shadow:0 0 10px #4acfed;color:#45f3ff}nav .nav-center .links a:hover s-icon{scale:1.2;fill:#4acfed}nav .logo{cursor:pointer;display:flex;justify-content:center;align-items:center;height:13vw;aspect-ratio:1/1;position:absolute;border-radius:50%;transition:.2s}nav .logo img{width:100%;aspect-ratio:1;animation:rotation 9s linear infinite}nav .orb{cursor:pointer;display:flex;justify-content:center;align-items:center;width:3.2%;aspect-ratio:1/1;position:absolute;background-image:radial-gradient(#485d85,#29364f);box-shadow:inset 0 0 0 2px #29364f,inset 0 0 0 3px #4acfed;border:2px solid #4acfed;border-radius:50%;transition:.2s}nav .orb.one{left:15.6%}nav .orb.two{right:15.6%}nav .orb:hover svg{scale:1.1;fill:#4acfed}nav .orb svg{width:45%;fill:#fff;transition:.2s}@keyframes rotation{40%,60%{scale:1 1}50%{scale:-1 1}}.s-tn-fade{opacity:0;transition:all 1s}.s-tn-top{translate:0 -200%;transition:all 1s}.s-tn-left{translate:-200%;transition:all 1s,transform .1s ease-out}.s-tn-right{translate:200%;transition:all 1s}.s-tn-bottom{translate:0 200%;transition:all 1s}.s-tn-draw{stroke-dasharray:1200;animation:r-draw 1s linear forwards}@keyframes draw{0%{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes r-draw{0%{stroke-dashoffset:0}to{stroke-dashoffset:1200}}.sec.active .s-tn-fade{opacity:1}.sec.active .s-tn-top,.sec.active .s-tn-left,.sec.active .s-tn-right,.sec.active .s-tn-bottom{translate:0}.sec.active .s-tn-draw{animation:draw 1s linear forwards}.title{width:33vw;position:absolute;top:29vh;left:50%;translate:-50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.6))}.title img{width:100%;aspect-ratio:383/102}.fourD1{width:37vw;height:22.1vw;position:absolute;left:50%;translate:-50%;bottom:-5vh;filter:drop-shadow(0 0 15px #000)}.fourD1 img{width:100%;aspect-ratio:429/241;-webkit-mask-image:linear-gradient(to top,#0000,#000 50%);mask-image:linear-gradient(to top,#0000,#000 50%)}.social{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16%;width:7vw;height:60vh;position:absolute;top:50%;translate:0 -50%;right:3vw}.social button{position:relative;width:35%}.social button span{width:55%;position:absolute;z-index:9;fill:#fff}.box-anim{width:26vw;height:40vh;position:absolute;bottom:10vh}.box-anim:has(.box.n1){right:4vw}.box-anim:has(.box.n2){left:4vw}.box-anim .box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:11%;align-items:center;width:100%;height:100%;padding:40px;position:relative;background:radial-gradient(#485d85c0,#29364fc0,#171d29c0);box-shadow:0 0 10px #0009;outline:4px solid #45f3ff80}.box-anim .box.n1{border-radius:30px 10px}.box-anim .box.n2{border-radius:10px 30px}.box-anim .box .server-name{height:max-content;text-shadow:0 0 5px rgba(255,255,255,.7333333333);font-size:1.6vw;font-family:cinzel;text-align:center;border-bottom:1px solid rgba(255,255,255,.3333333333)}.box-anim .box p{text-align:center;font-size:1.25vw}.box-anim .box p.ip{color:#fff;font-size:1.3vw;text-shadow:0 0 3px rgba(255,255,255,.7333333333);transition:.2s}.box-anim .box p #count{color:#45f3ff;text-shadow:0 0 3px #45f3ff}.lines{filter:drop-shadow(0 0 10px rgba(0,0,0,.3333333333));pointer-events:none;width:100vw;height:100vh;position:absolute}.lines svg{width:100%}