@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0b0a0e;--card-bg:#0f0e12;--border:#1e1c24;--text:#e8e6f0;--text-muted:#7a7880;--text-dim:#3d3c44;--nav-bg:#0b0a0ed9}[data-theme=light]{--bg:#f5f2ec;--card-bg:#ede9e1;--border:#d4cfc6;--text:#1a1820;--text-muted:#5a5560;--text-dim:#9e9aa4;--nav-bg:#f5f2ece0}html{scroll-behavior:smooth;background:var(--bg);cursor:none}body{background:var(--bg);color:var(--text);cursor:none;font-family:Space Mono,monospace;transition:background .4s,color .4s;overflow-x:hidden}a,button{cursor:none}a:hover{opacity:.85}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:.8;transform:translate(-50%)translateY(6px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.split-section{grid-template-columns:1fr!important}.split-section>div:first-child{border-bottom:1px solid var(--border);border-right:none!important}.nav-links{gap:14px!important}.nav-links a[href="https://github.com/sfdimarco"]{display:none}}@media (width<=480px){.nav-links{gap:10px!important}.nav-links a[href="https://github.com/sfdimarco"],.nav-links button{display:none}}
