:root{--bg-color:#000000;--text-main:#ffffff;--text-muted:#a0a0a0;--line-color:#333333;--link-color:#f44336;--link-visited:#ff9800;--link-hover:#ff7961}body{font-family:system-ui,-apple-system,sans-serif;color:var(--text-main);background-color:var(--bg-color);width:90%;margin:0 auto}h1{font-size:1.5rem}h2{margin-top:3em;font-size:1rem;color:var(--text-muted)}article .header{font-style:italic;color:var(--text-muted)}a{color:var(--link-color);transition:color 0.2s ease}a:visited{color:var(--link-visited)}a:hover,a:focus{color:var(--link-hover)}header{margin:4.2rem 0;border-bottom:1px solid var(--line-color);text-align:center}.logo{margin:1rem auto 3rem}.logo a{font-family:serif;text-decoration:none;font-size:2.4rem;letter-spacing:0.2em;color:var(--text-main)}nav{margin:0 auto 3rem;display:flex;flex-direction:column;gap:1rem}nav a{font-weight:bold;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:1px solid var(--line-color);text-align:center;color:var(--text-muted)}@media (min-width:400px){nav{flex-direction:row;justify-content:center;flex-wrap:wrap}}@media (min-width:640px){body{width:90%;max-width:60rem}header{margin:0 0 3rem;padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;text-align:left}.logo{margin:0}.logo a{font-size:1.8rem}nav{margin:0;justify-content:flex-end}}