body {
  padding: 1em;
  max-width: 80ch;
}

@media (min-width: 800px) {
  body {
    padding: 3em;
  }
}

h2 {
  border-top: 1px dotted #a0a0a0;
  color: #808080;
  font-size: inherit;
  font-weight: normal;
  margin-top: 2em;
  padding-top: 2em;
}

img {
  max-height: 500px;
  max-width: 100%;
  object-fit: contain;
  object-position: left;
  width: 500px;
}

header,
footer {
  font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

footer {
  margin-top: 2em;
}

.footer {
  border-top: 1px dotted #a0a0a0;
  color: #808080;
  display: flex;
  gap: 1em;
  margin-top: 2em;
  padding-top: 2em;
}

header a,
footer a,
.footer a {
  text-decoration: none;
}