@layer base{:root{--color-bg:#c6c6c6;--color-fg:#141414;--color-light:255 255 255;--font-serif:"Labrada", serif;--font-sans-serif:"Inter", sans-serif;--color-shadow:#fff;--color-shadow-2:#66ff7f}html{background-color:var(--color-bg);color:var(--color-fg);font-size:.875rem;font-family:var(--font-serif);font-optical-sizing:auto}body,h1,p{margin:0}img{width:100%}}@layer bg{body{--blur-deer:0px;--blur-man:0px;--pointer-x:0px;--pointer-y:0px}.container{justify-content:center;place-items:center;height:100dvh;display:grid}.deer{z-index:-1;translate:calc(var(--pointer-x) - 80px) calc(var(--pointer-y) - 100px);filter:blur(var(--blur-deer));grid-area:1/1;width:90vmin;max-width:600px;position:relative}.deer img{animation:3s ease-in-out infinite alternate deer-glow}@media (width>=510px){.deer{width:65vmin;translate:calc(var(--pointer-x) - 100px) calc(var(--pointer-y) - 100px)}}.man{filter:blur(var(--blur-man));will-change:filter;translate:calc(80px + var(--pointer-x) * -1) calc(100px + var(--pointer-y) * -1);pointer-events:none;grid-area:1/1;width:300px;position:relative}@media (width>=510px){.man{width:400px;translate:calc(150px + var(--pointer-x) * -1) calc(200px + var(--pointer-y) * -1)}}.man:after{content:"";aspect-ratio:1;width:35px;box-shadow:inset 0 0 10px #fff, inset 10px 0 30px var(--color-shadow), inset -10px 0 30px var(--color-shadow-2), 0 0 5px #fff, -10px 0 60px var(--color-shadow), 10px 0 60px var(--color-shadow-2), 100px 100px 200px 70px color-mix(in hsl, var(--color-shadow-2) 40%, transparent);background-color:#fff;border-radius:50%;animation:3s ease-in-out infinite alternate move;display:inline-block;position:absolute;top:10.5%;left:14%}@media (width>=510px){.man:after{width:45px}}@keyframes deer-glow{0%{filter:hue-rotate(-40deg)}to{filter:hue-rotate(40deg)}}@keyframes move{0%{filter:blur(1px)hue-rotate(-40deg);scale:1}to{filter:blur(1px)hue-rotate(40deg);scale:.9}}}@keyframes squiggly{0%{filter:url(#squiggly-0)}5%{filter:url(#squiggly-1)}10%{filter:url(#squiggly-2)}15%{filter:url(#squiggly-3)}20%{filter:url(#squiggly-4)}21%{filter:none}to{filter:none}}@layer content{.content{translate:calc(var(--pointer-x) / 2) calc(var(--pointer-y) / 2);grid-area:1/1}.heading{font-size:clamp(2.5rem,15vw,11rem);font-weight:400;animation:1.5s linear infinite squiggly}.description{font-family:var(--font-sans-serif);flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.description a{color:var(--color-fg);font-size:clamp(1.5rem,5vw,3rem);font-weight:600;text-decoration:none;position:relative}.description a:before{content:"";transform-origin:0;background-color:currentColor;width:1ch;height:4px;transition:transform .3s ease-in-out;position:absolute;bottom:-3px;left:2px;transform:scaleX(0)}.description a:hover:before{transform:scaleX(1)}.description:has(a:hover) a:not(:hover){filter:blur(1px);opacity:.7}}