:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  padding: 2rem 1.5rem; background: #fafaf7; color: #1a1a1a;
  font: 1.125rem/1.6 Georgia, "Times New Roman", serif;
}
main { width: 100%; max-width: 36rem; }
h1 { margin: 0 0 1.5rem; font-size: 2rem; font-weight: 600; letter-spacing: 0.01em; }
.line { margin: 0 0 2rem; }
.contact { margin: 0; font-size: 1rem; }
a { color: inherit; text-underline-offset: 0.2em; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (min-width: 900px) { h1 { font-size: 2.5rem; } body { font-size: 1.25rem; } }
@media (prefers-color-scheme: dark) { body { background: #141414; color: #ececec; } }