body {
  background-color: #99ccff;
  color: black;
  max-width: 70ch;
  padding-bottom: 20vh;
}

h1 {
  color: black;
  text-transform: none;
}

a {
  color: #4c6688;
  text-decoration: underline;
}

a:hover {
  color: #223344;
}

code {
  color: white;
  background-color: #4c6688;
  border-radius: 2px;
  padding: 2px;
  white-space: nowrap;
}

dt::before {
  content: "-";
}

nav a {
  display: block;
}

img {
  max-width: 100%;
  max-height: 400px;
}

figure {
  text-align: center;
}