@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@import url(https://unpkg.com/normalize.css);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}:root{--primary-color:#2e4de5;--white-color:#fff}._qWTcH{--fcc-flip-duration:0.7s;--fcc-digit-block-width:46px;--fcc-digit-block-height:80px;--fcc-digit-font-size:50px;--fcc-label-font-size:16px;--fcc-label-color:#fff;--fcc-background:#0f181a;--fcc-digit-color:#fff;--fcc-divider-color:#fff6;--fcc-divider-height:1px;--fcc-shadow:0 0 2px 1px #0000001a;--fcc-separator-size:5px;--fcc-separator-color:var(--fcc-digit-color);align-items:center;color:var(--fcc-digit-color);cursor:default;display:flex;font-family:inherit;font-size:var(--fcc-digit-font-size);font-weight:500;line-height:0;-webkit-user-select:none;user-select:none}._1tbqx ._3cpN7{margin-bottom:calc(var(--fcc-label-font-size)*2)}._3cpN7 ._2EBbg:not(:last-child){margin-right:4px}._3cpN7{align-items:center;display:flex;position:relative}._2aOn7{bottom:0;color:var(--fcc-label-color);font-size:var(--fcc-label-font-size);font-weight:400;left:50%;line-height:1;position:absolute;transform:translate(-50%,150%)}._2EBbg{border-radius:4px;box-shadow:var(--fcc-shadow);height:var(--fcc-digit-block-height);perspective:200px;position:relative;width:var(--fcc-digit-block-width)}._106d2,._SKh-V{background:var(--fcc-background);display:flex;height:50%;justify-content:center;overflow:hidden;position:absolute;width:100%}._SKh-V{align-items:flex-end;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color);border-top-left-radius:4px;border-top-right-radius:4px;top:0}._106d2{align-items:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:4px;bottom:0}._3luxx{height:50%;position:relative;transform:rotateX(0);transform-origin:bottom;transform-style:preserve-3d;width:100%;z-index:2}._3luxx._2kgZC{transform:rotateX(-180deg);transition:transform var(--fcc-flip-duration) ease-in-out}._2v-d4{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--fcc-background);display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}._1GZQ7{align-items:flex-end;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color);border-top-left-radius:4px;border-top-right-radius:4px}._3AVXa{align-items:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transform:rotateX(-180deg)}._2hRXr{align-items:center;display:flex;flex-direction:column;height:var(--fcc-digit-block-height);justify-content:center;margin-left:8px;margin-right:8px}._1tbqx ._2hRXr{margin-bottom:calc(var(--fcc-label-font-size)*2)}._2hRXr:after,._2hRXr:before{background-color:var(--fcc-separator-color);border-radius:50%;content:"";height:var(--fcc-separator-size);width:var(--fcc-separator-size)}._2hRXr:before{margin-bottom:var(--fcc-separator-size)}.container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}@keyframes tick{75%{transform:rotate(32deg)}to{transform:rotate(30deg)}}.rotating-image-container{height:400px;overflow:hidden;position:fixed;right:0;top:0;width:400px;z-index:10}.rotating-image-container img{animation:tick 1s steps(1) infinite;animation-timing-function:cubic-bezier(.4,2.08,.55,.44);bottom:0;left:0;position:absolute;width:200%}.clock_content{align-items:center;display:flex;flex-direction:column;position:absolute;text-align:center}.clock_content h1{color:var(--white-color);font-size:2rem;margin-bottom:1rem;text-transform:uppercase}.clock_content h3{color:var(--primary-color);font-weight:300;margin-bottom:3rem}.flip-clock{--fcc-flip-duration:0.5s;--fcc-digit-block-width:30px;--fcc-digit-block-height:60px;--fcc-digit-font-size:30px;--fcc-digit-color:#000;--fcc-label-font-size:10px;--fcc-label-color:var(--white-color);--fcc-background:var(--white-color);--fcc-divider-color:#000;--fcc-divider-height:1px;--fcc-separator-size:6px;--fcc-separator-color:var(--white-color);font-weight:700;margin-bottom:2rem}.button{background-color:var(--white-color);border:none;border-radius:45px;box-shadow:0 8px 15px #0000001a;color:#000;cursor:pointer;font-size:1rem;font-weight:500;height:45px;outline:none;text-transform:uppercase;transition:all .3s ease 0s;width:140px}.button:hover{background-color:var(--primary-color);box-shadow:0 15px 20px #2e68e566;color:var(--white-color);transform:translateY(-7px)}@media (min-width:900px){.clock_content h1{font-size:3rem}.clock_content h3{font-size:1.5rem}.flip-clock{--fcc-digit-block-width:80px;--fcc-digit-block-height:120px;--fcc-digit-font-size:60px;--fcc-label-font-size:20px}}@font-face{font-family:geist Sans;src:url(https://assets.codepen.io/605876/GeistVF.ttf) format("truetype")}@layer foundation{*,:after,:before{box-sizing:border-box}body{background:#fff;font-family:Geist Sans,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;font-weight:80}body,header{min-height:100vh}video{height:100vh;object-fit:cover;position:-webkit-sticky;position:sticky;top:0;width:100vw}header>section{color:#fff;display:grid;height:100vh;place-items:center;position:relative;top:0;translate:0 -100%;width:100%}h1{--font-size:clamp(2rem,4vw + 1rem,8rem);grid-gap:.5rem 0;text-wrap:balance;display:grid;font-size:var(--font-size);font-weight:120;gap:.5rem 0;line-height:.9;text-align:center}h1 span:first-of-type{font-size:calc(var(--font-size)*.35)}header>section:before{background:#00000080;content:"";inset:-100% 0 -100% 0;pointer-events:none;position:absolute;z-index:-1}main{display:grid;min-height:100vh;place-items:center}main>section{font-size:clamp(2rem,3vw + 1rem,8rem);font-weight:100}footer{display:grid;padding:2rem;place-items:center}}@layer scrolls{@supports(animation-timeline:scroll()){header{animation-timeline:view();animation-range:exit;view-timeline:--header;animation:scale-down ease-in both;transform-origin:50% 0}@keyframes scale-down{to{scale:.8 .8}}header>section:before{animation-timeline:--header;animation-range:exit-crossing 0 exit 0;animation:fade linear both}@keyframes fade{to{opacity:0}}}}@layer socials{.spoti-link,.x-link{aspect-ratio:1;bottom:1rem;color:#fff;display:grid;left:1rem;mix-blend-mode:difference;opacity:.8;place-items:center;position:fixed;width:48px}.spoti-link{bottom:auto;top:1rem}:where(.x-link,.spoti-link):is(:hover,:focus-visible){opacity:1}.spoti-link svg{width:75%}.x-link svg{width:50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}.text-container{animation:fadeInUp 3s ease-out forwards;font-size:96px;opacity:.8;top:100}.sub-text,.text-container{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:absolute;text-shadow:1px 1px #0000001a;-webkit-user-select:none;user-select:none;width:100vw;z-index:100}.sub-text{animation:fadeInUp 2s ease-out 3.5s forwards;font-size:36px;opacity:0;top:0;transform:translateY(60px)}.sub-text,.text-container{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.hidden{opacity:0;transform:translateY(10px)}.new-component{opacity:0;transition:opacity .5s ease-in-out}.show{opacity:1}:root{--color-bg1:#52007a;--color-bg2:#001152;--color1:18,113,255;--color2:221,74,255;--color3:100,220,255;--color4:200,50,50;--color5:50,180,20;--color-interactive:140,100,255;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,#52007a,#001152);background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.gradient-bg svg{display:none}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);height:100%;width:100%}.gradient-bg .g1{animation:moveVertical 30s ease infinite;background:radial-gradient(circle at center,#1271ffcc 0,#1271ff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center}.gradient-bg .g1,.gradient-bg .g2{height:80%;height:var(--circle-size);left:10%;left:calc(50% - var(--circle-size)/2);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);opacity:1;position:absolute;top:10%;top:calc(50% - var(--circle-size)/2);width:80%;width:var(--circle-size)}.gradient-bg .g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,#dd4affcc 0,#dd4aff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px)}.gradient-bg .g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,#64dcffcc 0,#64dcff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(10% - 500px);left:calc(50% - var(--circle-size)/2 - 500px);opacity:1;top:calc(10% + 200px);top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px)}.gradient-bg .g3,.gradient-bg .g4{height:80%;height:var(--circle-size);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute;width:80%;width:var(--circle-size)}.gradient-bg .g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,#c83232cc 0,#c8323200 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;left:10%;left:calc(50% - var(--circle-size)/2);opacity:.7;top:10%;top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px)}.gradient-bg .g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,#32b414cc 0,#32b41400 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;height:160%;height:calc(var(--circle-size)*2);left:-30%;left:calc(50% - var(--circle-size));opacity:1;top:-30%;top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:160%;width:calc(var(--circle-size)*2)}.gradient-bg .g5,.gradient-bg .interactive{mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute}.gradient-bg .interactive{background:radial-gradient(circle at center,#8c64ffcc 0,#8c64ff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;opacity:.7;top:-50%;width:100%}
/*# sourceMappingURL=main.bcd43620.css.map*/