@font-face{font-family:larkenBold;src:url(/_next/static/media/Larken-Bold.cd8a8f63.otf)}.larken{font-family:larkenBold}.stroke{text-shadow:-1px -2px 0 #000,1px -2px 0 #000,-1px 2px 0 #000,1px 2px 0 #000;color:#fff}:root{--green:#2afc98;--blue:#2979ff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes background-pan{0%{background-position:1000%}to{background-position:0}}body{height:100vh;margin:0;overflow:hidden;display:grid;place-items:center}.line{display:flex;justify-content:space-between}.word{color:#000;font-size:clamp(2rem,8vw,4rem);margin:0;font-weight:600;text-transform:uppercase;transition:opacity .25s ease}a{text-decoration:none}#text:has(.fancy:hover) .word:not(.fancy:hover){opacity:.2}.fancy span{display:inline-block}.fancy>.outer{transition:transform .35s ease}.fancy:hover>.outer{transition-duration:.8s}.fancy:hover>.outer>.inner{animation:float 5s ease infinite}.fancy:hover>.outer>.inner>.letter{background:linear-gradient(to right,var(--blue),var(--green),var(--blue));background-size:1000%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:background-pan 150s linear infinite}.fancy:hover>.outer:first-child{transform:translate(-80%,60%) rotate(8deg)}.fancy:hover>.outer:nth-child(2){transform:translate(-40%,20%) rotate(4deg)}.fancy:hover>.outer:nth-child(3){transform:translate(-10%,60%) rotate(-6deg)}.fancy:hover>.outer:nth-child(4){transform:translateY(8%) rotate(-8deg)}.fancy:hover>.outer:nth-child(5){transform:translateY(-20%) rotate(5deg)}.fancy:hover>.outer:nth-child(6){transform:translateY(20%) rotate(-3deg)}.fancy:hover>.outer:nth-child(7){transform:translateY(-40%) rotate(-5deg)}.fancy:hover>.outer:nth-child(8){transform:translateY(15%) rotate(10deg)}.fancy:hover>.outer:nth-child(9){transform:translateY(-50%) rotate(8deg)}.fancy:hover>.outer:nth-child(10){transform:translateY(15%) rotate(-6deg)}.fancy:hover>.outer:nth-child(11){transform:translate(50%,-10%) rotate(-3deg)}.fancy:hover>.outer:nth-child(12){transform:translate(60%,-30%) rotate(-10deg)}.fancy:hover>.outer:nth-child(13){transform:translate(70%,20%) rotate(20deg)}.fancy:hover>.outer:nth-child(14){transform:translate(120%,-30%) rotate(-10deg)}.fancy:hover>.outer:nth-child(15){transform:translate(120%,30%) rotate(15deg)}