body {
  /* background-color: #dddddd; */
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}

div {
  padding: 0.5em 0;
}

img {
  width: 100%;
}


.list-horizontal {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  margin: 1em 0;
  padding: 1em 0;
  white-space: nowrap;
}

.list-horizontal li:not(:last-child)::after {
  content: "|";
  margin: 0 0.5em;
}

.list-vertical {
  list-style: none;
  padding: 0
}

.list-vertical li {
  margin: 1em 0;
}

.list-vertical li:not(:last-child)::after {
  /* content: "|"; */
  /* margin: 1em 0.5em; */
}

#logo {
  width: 3rem;
  height: 3rem;
}

.small-logo {
  width: 1rem;
  height: 1rem;
}

#footer {
  font-size: .5em;
}