@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{height:100%;margin:0;overflow:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins-Bold;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}::-webkit-scrollbar{display:none}html,body{color:#fff;overflow-x:hidden;width:100vw;-ms-overflow-style:none;scrollbar-width:none;display:flex;height:auto;flex-direction:column;align-items:center;justify-content:center}body{font-family:Poppins,sans-serif;background-color:#071428;color:#fff;margin:0}.container{max-width:500px;margin:0 auto;padding:50px;background-color:#fff;box-shadow:0 0 24px #0000000f,0 1px #00000005}.background{position:absolute;inset:0;z-index:-1}h1,h2,h3,h4,h5,h6,p{font-family:Poppins,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roller{text-transform:uppercase;font-size:8rem;height:8rem;line-height:8rem;position:relative;overflow:hidden;width:100%;display:flex;color:#fff}.roller #rolltext{position:absolute;top:8rem;animation:slide 1s forwards .2s}.roller:hover #rolltext-triggered{animation:slide 1s forwards .2s}@keyframes slide{0%{top:8rem}to{top:0}}@media screen and (max-width:900px){.roller{height:5rem;line-height:2.125rem}.roller #rolltext{animation:slide-mob 1s forwards}@keyframes slide-mob{0%{top:5rem}to{top:0}}}.roller-multiple{text-transform:uppercase;font-size:3rem;height:3rem;line-height:3rem;position:relative;overflow:hidden;width:100%;display:flex;color:#fff}.roller-multiple #rolltext-multiple{width:100%;position:absolute;animation:slide-multiple 8s infinite}.roller-multiple #rolltext-multiple h1{font-size:3rem;position:absolute;animation:slide-multiple 8s infinite}@keyframes slide-multiple{0%{top:-.1rem}13%{top:-1.87rem}26%{top:-1.87rem}39%{top:-3.59rem}52%{top:-3.59rem}65%{top:-5.36rem}78%{top:-5.36rem}91%{top:-7.11rem}}@media screen and (max-width:1200px){.roller-multiple{text-transform:uppercase;font-size:2rem;height:2rem;line-height:2rem;position:relative;overflow:hidden;width:100%;display:flex;color:#fff}.roller-multiple #rolltext-multiple{width:100%;position:absolute;animation:slide-mob-multiple 8s infinite}.roller-multiple #rolltext-multiple p{font-size:2rem;position:absolute;animation:slide-mob-multiple 8s infinite}@keyframes slide-mob-multiple{0%{top:0rem}13%{top:-1.25rem}26%{top:-1.25rem}39%{top:-2.44rem}52%{top:-2.44rem}65%{top:-3.6rem}78%{top:-3.6rem}91%{top:-4.72rem}}}.MagneticButton{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;margin:4rem}.MagneticButton span{width:200px;height:200px;display:flex;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;border-radius:50%;transition:transform .4s linear}.rotating-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.9rem;pointer-events:none;animation:rotate 10s linear infinite}.rotating-letter{position:absolute;color:#ff6b6b;transform-origin:100px 100px;font-weight:700}.rotating-text span:nth-child(1){transform:rotate(0) translate(100px)}.rotating-text span:nth-child(2){transform:rotate(30deg) translate(100px)}.rotating-text span:nth-child(3){transform:rotate(60deg) translate(100px)}.rotating-text span:nth-child(4){transform:rotate(90deg) translate(100px)}.rotating-text span:nth-child(5){transform:rotate(120deg) translate(100px)}.rotating-text span:nth-child(6){transform:rotate(150deg) translate(100px)}.rotating-text span:nth-child(7){transform:rotate(180deg) translate(100px)}.rotating-text span:nth-child(8){transform:rotate(210deg) translate(100px)}.rotating-text span:nth-child(9){transform:rotate(240deg) translate(100px)}.rotating-text span:nth-child(10){transform:rotate(270deg) translate(100px)}.rotating-text span:nth-child(11){transform:rotate(300deg) translate(100px)}.rotating-text span:nth-child(12){transform:rotate(330deg) translate(100px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magnetic-button{transition:transform .4s ease-out}.magnetic-button:hover{background-color:#fff}.button-wrapper:hover .magnetic-button{transition:all .3s ease-out}#circularText{opacity:0;transition:opacity .2s ease;animation:rotateInfinite 20s linear infinite}#circularText:hover{opacity:1}.original-text{transform:translateY(0);transition:all .3s ease}.image-wrapper:hover .original-text{transform:translateY(-130%);opacity:1}@keyframes rotateInfinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:500px){#circularText{opacity:1}.original-text{transform:translateY(-130%);opacity:1}}