body {
  color: #212121;
  font-family: Georgia, serif;
  line-height: 24px;
  margin: 48px auto;
  width: 312px;
}

a {
  color: #2196f3;
  display: inline-block;
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

h1 {
  line-height: 48px;
  margin: 24px 0;
  text-align: center;
}

hr {
  border-color: #757575;
  border-style: solid;
  border-width: 1px 0 0 0;
  margin: 24px 0;
}

.menu {
  margin: 48px 0;
}

.item {
  margin: 24px;
  white-space: nowrap;
}

.item > * {
  float: left;
}

.item::after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}

.thumbnail {
  height: 72px;
  vertical-align: middle;
  width: 72px;
}

.cell {
  display: inline-block;
  padding: 12px;
  vertical-align: middle;
}

.description {
  color: #757575;
  font-size: 12px;
}

.archive {
  margin: 48px 0px;
  text-align: center;
}

.footer {
  color: #757575;
  font-size: 12px;
  margin: 24px;
}

.copyright {
  color: #bdbdbd;
  font-size: 12px;
  margin: 24px 0;
  text-align: center;
}