@layer base{*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}:root{--color-bg: #c6c6c6;--color-fg: #000000;--color-light: 255 255 255;--font-serif: "Labrada", serif;--font-sans-serif: "Inter", sans-serif;--color-shadow: hsl(0 0% 100%);--color-shadow-2: hsl(130deg 100% 70%)}html.dark{--color-bg: #1f1f1f;--color-fg: #c6c6c6}html{background-color:var(--color-bg);color:var(--color-fg);font-size:.875rem;font-family:var(--font-serif);font-optical-sizing:auto;transition:background-color .3s,color .3s}body,h1,p{margin:0}img{width:100%}}@layer bg{body{--blur-deer: 0px;--blur-man: 0px;--pointer-x: 0px;--pointer-y: 0px}.header{background-color:transparent;display:flex;align-items:center;justify-content:flex-end;padding:5px}.header .toggle-btn{width:70px;height:30px;background-color:var(--color-fg);border-radius:30px;padding:5px;transition:all .3s ease-in-out}.header .toggle-btn.active{background-color:var(--color-shadow)}.header .toggle-btn .inner-circle{width:20px;height:20px;background-color:var(--color-bg);border-radius:50%;transition:all .3s ease-in-out}.header .toggle-btn.active>.inner-circle{margin-left:40px}.container{height:100dvh;width:100dvw;overflow:clip;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;justify-content:center;position:absolute;top:0;z-index:-1}.deer{position:relative;z-index:-1;grid-column:1;grid-row:1;translate:calc(var(--pointer-x) - 80px) calc(var(--pointer-y) - 100px);filter:blur(var(--blur-deer));width:70vmin;max-width:600px}.deer img{content:url(/images/deer.png)}@media (min-width: 510px){.deer{width:65vmin;translate:calc(var(--pointer-x) - 100px) calc(var(--pointer-y) - 100px)}}html.dark .deer{grid-column:1;grid-row:1}html.dark .deer img{content:url(/images/dark-deer.png);animation:deer-glow 3s infinite alternate ease-in-out}.man{position:relative;grid-column:1;grid-row:1;filter:blur(var(--blur-man));will-change:filter;translate:calc(80px + var(--pointer-x) * -1) calc(80px + var(--pointer-y) * -1);width:300px}@media (min-width: 510px){.man{width:400px;translate:calc(150px + var(--pointer-x) * -1) calc(110px + var(--pointer-y) * -1)}}.man:after{display:inline-block;content:"";position:absolute;width:35px;aspect-ratio:1;border-radius:50%;background-color:#fff;left:14%;top:10.5%;animation:move 3s infinite alternate ease-in-out}@media (min-width: 510px){{width:45px}}html.dark .man:after{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),30px 25px 200px 70px color-mix(in hsl,var(--color-shadow-2) 100%,transparent);transition:box-shadow .4s ease,animation .4s ease;animation:move 3s infinite alternate ease-in-out}@media (min-width: 510px){{width:45px}}@keyframes deer-glow{0%{filter:hue-rotate(-40deg)}to{filter:hue-rotate(40deg)}}@keyframes move{0%{scale:1;filter:blur(1px) hue-rotate(-40deg)}to{scale:.9;filter:blur(1px) hue-rotate(40deg)}}}@layer content{.content{grid-column:1;grid-row:1;z-index:1;opacity:.7;translate:calc(var(--pointer-x) / 2) calc(var(--pointer-y) / 2)}.heading{cursor:pointer;font-size:clamp(2rem,7vw,5rem);font-weight:700;color:var(--color-fg);transition:color .3s ease;text-align:center}.description{padding:1rem 0;font-family:var(--font-sans-serif);display:flex;gap:1rem;flex-direction:column;align-items:center}.description a{font-size:clamp(1.5rem,5vw,3rem);font-weight:600;font-family:var(--font-serif);color:var(--color-fg);text-decoration:none;position:relative}.description a:before{content:"";position:absolute;width:1ch;height:4px;background-color:currentColor;bottom:-3px;left:2px;transform-origin:left;transition:transform .3s ease-in-out;transform:scaleX(0)}.description a:hover:before{transform:scaleX(1)}.description:has(a:hover) a:not(:hover){filter:blur(1px);opacity:.7}.about-box{display:none;margin-top:1.5rem;max-width:600px;padding:1.5rem 2rem;border:2px solid var(--color-fg);border-radius:1rem;background:var(--color-bg, #f9f9f9);font-size:clamp(1rem,3vw,1.25rem);line-height:1.6;color:var(--color-fg);text-align:center;box-shadow:0 6px 16px #00000014}@media (max-width: 510px){.about-box{width:65vmin}}.about-box p{text-align:justify;text-justify:inter-word}}