body {
  font-family: monospace;
  font-size: 16px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 120ch;
}

main {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 120ch;
  min-height: 320px;

  article {
    img {
      float: right;
      margin: 16px;
    }
  }
}

footer {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 120ch;
}

p {
  text-align: justify;
}

article > p {
  max-width: 80ch;
}

.title {
  flex-grow: 1;
}

.divider-horizontal {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.divider-child {
  border-bottom: 1px solid gainsboro;
}

.wide-container {
  width: 100%;
  max-width: 120ch;
}

.text-container {
    width: 100%;
    max-width: 80ch;
}