.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #eaeaea;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.nav-brand a{color:#111;letter-spacing:-.5px;text-align:center;font-family:Times New Roman,Times,serif;font-size:3rem;font-weight:700;text-decoration:none}.nav-links{gap:1rem;display:flex}button{cursor:pointer;color:lch(20.43% .47 19.06);background-color:#0000;border:none;font-size:1rem;transition:color .2s ease-in-out}button.active{color:#0070f3;text-underline-offset:6px;-webkit-text-decoration:underline #0070f3;text-decoration:underline #0070f3;text-decoration-thickness:2px}button:hover{color:#0070f3}.nav-links a{color:#666;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.socials{justify-content:right;gap:2rem;display:flex}.socials img:hover{filter:brightness(0)saturate()invert(19%)sepia()saturate(7493%)hue-rotate(237deg)brightness(99%)contrast(110%);transition:transform .1s ease-in-out;transform:scale(1.1)}@media (width<=600px){.navbar{padding:1rem}}.bio{text-align:left;max-width:800px;margin:3rem auto;padding:0 1.5rem;line-height:1.6}.section{min-height:100vh;scroll-margin-top:100px}section{scroll-margin-top:100px}html{scroll-behavior:smooth}