*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --max-width: 65ch;
  --font: system-ui, sans-serif;
}

body {
  font-family: var(--font);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 2rem 1rem;
  line-height: 1.6;
}

header {
  margin-bottom: 4rem;
}

header a {
  text-decoration: none;
  font-weight: bold;
}

footer {
  margin-top: 4rem;
  color: #666;
}