body {
  color: #fffef7;
  background: #494f5c;
  margin: 0;
  line-height: 1.6;
}

h1, h2 {
  margin: 0;
}

a {
  color: lightsteelblue;
  text-decoration: none;
}

blockquote {
  margin-left: 1em;
  font-style: italic;
}

/* ul { */
/*   margin: 0; */
/*   padding: 0; */
/* } */

.home-container {
  max-width: 720px;
  min-width: 640px;
  margin: 320px auto 360px;
}

.home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.post-container {
  max-width: 720px;
  min-width: 640px;
  margin: 80px auto 0;
}

.post-date {
  opacity: .6;
}

.page-date {
  opacity: .6;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-right: 0.5em;
}
.back-link {
  padding-left: 0.5em;
}

.content-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

/* .post { */
/*   display: flex; */
/*   justify-content: space-between; */
/*   border-bottom: dashed gray 1px; */
/*   height: 41px; */
/*   align-items: center; */
/* } */