@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--bg:#0b0c10;--bg-elevated:#2e2e2e;--text:#f1e9e9;--text-muted:#f1e9e9c7;--accent:#c8a96e;--accent-hover:#c8a86ed2;--border:#ffffff17;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--text-xs:.5rem;--text-sm:.75;--text-base:1rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:4rem;--text-hero:6rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:2rem;--space-6:4rem;--space-8:8rem;--max-width:1200px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6}.navbar{width:100%;height:5svh;margin:.5rem;position:sticky;top:0}nav{justify-content:space-between;align-items:center;display:flex}.logo{width:3svh}.left{display:flex}.elements{padding:.5svh}.hero,.about,.projects,.skills,.contact{height:100svh}.footer{height:5svh}