:root{--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--text:#cdd6f4;--subtext:#a6adc8;--mauve:#cba6f7;--blue:#89b4fa;--green:#a6e3a1;--red:#f38ba8}body{background:var(--base);color:var(--text);margin:0;padding:2rem;font-family:sans-serif}button{background:var(--mauve);color:var(--base);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:700}button:hover{background:var(--blue)}@font-face{font-family:MyFont;src:url(../../../fonts/Hand-Regular.ttf)format("truetype")}.site-title{font-family:MyFont,sans-serif}nav.links.svelte-12qhfyh{gap:1rem;margin-bottom:2rem;display:flex}nav.links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:.25rem;font-size:.9rem;text-decoration:none;transition:color .2s}nav.links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--mauve);border-color:var(--mauve)}