@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");.loader{font-family:Oswald,sans-serif;height:100vh;background-color:#020916;overflow:hidden;padding:1rem}.loader,.text{display:flex;justify-content:center;align-items:center}.text{flex-direction:column;text-align:center;font-weight:800;letter-spacing:-.01562em;font-size:clamp(3rem,12vw,15rem);gap:1rem}@media (min-width:1024px){.text{flex-direction:row;gap:2rem;font-size:10rem}}@media (min-width:768px){.text{font-size:6rem}}@media (min-width:1440px){.text{font-size:15rem}}@media (max-width:480px){.text{font-size:6rem}}.word{display:flex}.text span{display:inline-block;position:relative;color:rgba(255,255,255,.2);line-height:1;transform:translateY(100px);--clipPath:inset(100% 0 0 0)}.text span:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(45deg,hsl(221deg 70% 11%),hsl(254deg 44% 35%) 8%,hsl(256deg 44% 48%) 17%,hsl(257deg 62% 59%) 25%,hsl(257deg 90% 67%) 33%,hsl(249deg 84% 67%) 42%,hsl(239deg 77% 67%) 50%,hsl(228deg 75% 61%) 58%,hsl(217deg 74% 54%) 67%,hsl(217deg 63% 48%) 75%,hsl(218deg 62% 40%) 83%,hsl(219deg 60% 31%) 92%,hsl(230deg 53% 17%));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;clip-path:var(--clipPath);-webkit-clip-path:var(--clipPath);transition:clip-path 0s}