html, body {
  height: 100%;
  margin: 0;
  font-family: serif;
}

body {
  display: flex;
  flex-direction: column;
  margin: 1em;
  max-width: 1024px;
  font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}

main {
  flex: 1;
  padding-bottom: 2em; /* space above footer */
}

footer {
  margin-top: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

marquee {
  width: 300px;
  display: block;
  overflow: hidden;
}

nav.menu {
  display: flex;
  gap: 0.5em;
}

nav.menu a {
  color: inherit;
}

nav.menu a:not(:last-child)::after {
  content: " |";
  margin-left: 0.5em;
}