:root {
  color-scheme: light dark;
  --paper: #f4ede1;
  --ink: #3b2f24;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #241d17;
    --ink: #eadfcd;
  }
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  display: grid;
  place-items: center;
  background: var(--paper);
  color: var(--ink);
  font:
    1.125rem / 1.5 Georgia,
    "Times New Roman",
    serif;
  text-align: center;
}
main {
  padding: 1.5rem;
}
h1 {
  font-weight: normal;
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  margin: 0 0 0.25rem;
}
p {
  margin: 0;
}
a {
  color: inherit;
}