:root { color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; background:#1d201f; color:#e4e4dd; font:16px/1.6 Arial,Helvetica,sans-serif; }
.site { width:min(100% - 40px,660px); margin:28px auto 80px; }
.name { display:inline-block; color:#f2f1eb; font-size:28px; font-weight:700; line-height:1.2; text-decoration:underline; text-underline-offset:3px; }
nav { display:flex; gap:16px; margin-top:6px; }
a { color:#8bf1cc; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; }
a:hover { color:#b6ffe4; text-shadow:0 0 9px rgba(139,241,204,.42); }
a:focus-visible { outline:2px solid #8bf1cc; outline-offset:3px; }
main { margin-top:88px; }
p { margin:0 0 16px; }
ul { margin:0; padding-left:26px; }
li { margin:0 0 13px; padding-left:2px; }
.project-link { font-weight:700; }
.project { text-decoration:none; }
.project-link { text-decoration:underline; text-underline-offset:2px; }
.project-description { color:#e4e4dd; }
.project:hover .project-description { color:#e4e4dd; text-shadow:none; }
@media (max-width:600px) { .site { margin-top:24px; } main { margin-top:72px; } }