:root { --fg: #111; --bg: #fff; --muted: #6b7280 } @media (prefers-color-scheme:dark) { :root { --fg: #e5e7eb; --bg: #0b0b0b; --muted: #9ca3af } } body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.5 Segoe UI, system-ui, -apple-system, Roboto; text-align: center } main { height: 100svh; display: grid; place-content: center } h1 { margin: 0 0 .5rem; font-size: clamp(28px, 7vw, 48px) } .link-list { list-style: none; margin: 0; padding: 0 } .link-list a { color: var(--muted); text-decoration: none } .link-list a:is(:hover, :focus-visible) { color: var(--fg); text-decoration: underline }