body {
  font-family: 'PT Serif';
  background-color: #f0f0f5;
}

a {
  text-decoration: 'none';
  color: #4a708b;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0px 1em 0px;
  padding: 0;
}

blockquote {
  border-left: solid 4px #c9c9c9;
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em;
}

blockquote.poem {
  border-left: solid 4px #c9c9c9;
  font-style: normal;
  margin: 0 0 2em 0;
  padding: 0.5em 0 2em 2em;
}

ul {
  margin: 0;
}

li {
  list-style-type: circle;
  margin: 0.2em;
}

hr {
  margin-top: 1.5em;
}

.container-center {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 66%;
}

.page-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.page-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 66%;
}

.page-header {
  display: flex;
  justify-content: center;
  padding: 2em;
}

.page-body {
  display: flex;
  flex-direction: column;
}

.page-footer {
  display: flex;
  justify-content: center;
  padding: 2em;
}

.col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.row-center {
  display: flex;
  justify-content: center;
}

.margin-em-half {
  margin: 0.5em;
}