body {
  background-color: white;
  color: black;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    Adwaita Sans,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    helvetica,
    arial,
    sans-serif;
  line-height: 1.6;
  max-width: 65ch;
  margin: 2rem auto;
  padding: 0 1rem;
}

h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

h2,
h3 {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

strong {
  color: #1a1a1a;
  letter-spacing: 0.02em;
}

em {
  color: #4a4a4a;
}

a {
  color: #0051c3;
}

a:visited {
  color: #551a8b;
}

a:focus {
  outline: 2px solid #0051c3;
  outline-offset: 2px;
}