body {
  font-family: 'Arial', 'Helvetica', sans-serif;
  background-color: #f9f9fc;
}

header {
  text-align: center;
}
header img#logo {
  height: 10rem;
}

header img#logofloat {
  float: right;
  height: 5rem;
}

main {
  max-width: 50rem;
  padding: 1.5rem;
  margin: auto;
}

span.single-date {
  color: grey;
}

pre {
  background: #e6e6ea;
  padding: 1rem;
  overflow: scroll;
}
pre code {
  color: inherit;
  background-color: inherit;
  padding: 0;
}
code {
  color: #911;
  background-color: #eee;
  padding: 0.1rem;
}


/**/

article.list-item {
  margin: 1rem;
}
span.list-item-date {
  text-align: right;
  float: right;
  color: grey;
}

footer {
  margin: 2rem 0 1rem;
  text-align: center;
  font-size: 0.8rem;
}