@font-face{font-family:poppins;src:url(/fonts/poppins.ttf)}@font-face{font-family:letter;src:url(/fonts/Letter.ttf)}@font-face{font-family:cinzel;src:url(/fonts/CinzelDecorative.ttf)}@font-face{font-family:lakeGoth;src:url(/fonts/LakehurstGothic-Medium.ttf)}footer{display:flex;flex-direction:column;gap:13px;justify-content:center;align-items:center;width:100%;padding-top:60px;padding-bottom:30px;position:absolute;bottom:0;background-image:linear-gradient(#0000,#29364f,#171d29 60%);color:#b2becd;font-size:clamp(12px,1vw,1vw)}footer .socials{display:flex;gap:12px;justify-content:center;width:max-content}footer .socials a:hover s-icon{fill:#f0f8ff}footer .socials a s-icon{fill:#b2becd;width:clamp(25px,1.9vw,1.9vw);transition:.1s}footer p{text-align:center;font-weight:600;letter-spacing:1px}footer .g-text{font-family:lakeGoth;font-size:clamp(17px,1.1vw,1.4vw)}footer .links{text-align:center}footer .links a{transition:.1s}footer .links a:hover{color:#f0f8ff}footer .copyright{font-size:clamp(9px,.6vw,.6vw)}.clips{width:0;height:0;position:absolute}.card-hitbox{display:flex;justify-content:center;align-items:center;width:400px;aspect-ratio:3/4.5;position:relative;perspective:1000px}.card-hitbox:hover .card{animation:card-rotate 1s forwards;rotate:0deg}.card-hitbox .card{z-index:2;transform-style:preserve-3d;perspective:1000px;width:150%;rotate:180deg 0 1 0;display:flex;justify-content:center;align-items:center;position:absolute;font-family:letter;transition:1s}.card-hitbox .card .card-front,.card-hitbox .card .card-back{clip-path:url(#card);contain:paint;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;position:absolute;backface-visibility:hidden;transform-style:preserve-3d}.card-hitbox .card .card-front:before,.card-hitbox .card .card-back:before{content:"";width:100%;aspect-ratio:1/1;position:absolute;background-image:url(/imgs/clips/card.svg);background-size:cover;transform:translateZ(5px)}.card-hitbox .card .card-front{flex-direction:column;gap:3px;background:radial-gradient(circle at center center,#0000,#171d29),repeating-linear-gradient(135deg,#171d29 0px,#171d29 1px,transparent 1px,transparent 4px),repeating-linear-gradient(45deg,#232633 0px,#232633 5px,transparent 5px,transparent 6px),linear-gradient(90deg,#171d29,#171d29);transform:translateZ(10px)}.card-hitbox .card .card-back{rotate:180deg 0 1 0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center center,#0000,#171d29),repeating-linear-gradient(135deg,#171d29 0px,#171d29 1px,transparent 1px,transparent 4px),repeating-linear-gradient(45deg,#232633 0px,#232633 5px,transparent 5px,transparent 6px),linear-gradient(90deg,#171d29,#171d29);transform:translateZ(-10px)}.card-hitbox .card .card-back:after{z-index:9;content:"";width:50%;aspect-ratio:1/1;position:absolute;background-image:url(/imgs/main/logo.png);background-size:cover;transform:translateZ(5px)}.card-hitbox .card .image{object-fit:cover;position:absolute;transform:translateZ(15px)}.card-hitbox .card .image.n1{width:50%;top:12%}.card-hitbox .card .image.n2{width:130%;top:12%}.card-hitbox .card .image.n3{width:110%;top:11%}.card-hitbox .card .image img{width:100%}.card-hitbox .card p{position:absolute;transform:translateZ(20px)}.card-hitbox .card .name{top:60%;font-size:40px}.card-hitbox .card .desc{top:67%;font-size:16px}@keyframes card-rotate{0%{translate:0}50%{translate:-30px}to{translate:0}}.s-carousel{display:flex;position:absolute;top:11vh;left:0}.s-carousel:nth-child(2){right:0;margin-top:28vh}.s-carousel:nth-child(2) .container,.s-carousel:nth-child(2) .dupe{animation:carousel-rev 40s infinite linear}.s-carousel:nth-child(2) .user:nth-child(2n){translate:0 -6vh}.s-carousel .container,.s-carousel .dupe{display:flex;gap:1vw;animation:carousel 40s infinite linear}.s-carousel .user{display:flex;gap:20px;align-items:center;width:clamp(210px,18vw,18vw);height:clamp(50px,6vw,6vw);padding:10px;background-image:radial-gradient(#171d29c0,#29364fc0,#485d85c0);border-radius:20px}.s-carousel .user:nth-child(2n){scale:.8;translate:0 6vh}.s-carousel .user .img{height:100%}.s-carousel .user .img img{height:100%;aspect-ratio:.96}.s-carousel .user .info{display:flex;flex-direction:column;gap:5px}.s-carousel .user .info .name{font-family:cinzel;font-size:clamp(17px,1.4vw,1.4vw)}.s-carousel .user .info .bio{font-family:cinzel;font-size:clamp(8px,.9vw,.9vw)}@keyframes carousel{0%{translate:0}to{translate:-100%}}@keyframes carousel-rev{0%{translate:-100%}to{translate:0}}#lore{gap:8vw;transition:.5s}#lore img{position:relative;top:15%;height:70%}#whowe:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";width:100%;height:calc(100vh - 8px);position:absolute;background-image:linear-gradient(45deg,#485d85e0,#29364fe0,#171d29e0,#171d29e0,#29364fe0,#485d85e0);outline:4px solid #45f3ff80}#whowe div{z-index:1;display:flex;flex-direction:column;width:60vw;padding:5vw;text-shadow:0 0 5px rgba(0,0,0,.6)}#whowe div:nth-child(2){align-items:start;text-align:left}#whowe div:nth-child(1){align-items:end;text-align:right}#whowe div h3{font-family:letter;font-size:3vw}#whowe div p{font-size:1.2vw}#whowe div hr{width:80%;height:2px;margin:13px 0;background:#fff}#whowe #story{cursor:pointer;color:#45f3ff}
