html, body {
    font-family: "Segoe UI Light", "Calibri Light", "Helvetica", "Arial", "Times New Roman";
}

/* From https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css */
.container {
    margin-top: 20px;
}

header {
    margin-top: 40px;
}

header h1,
header p {
    text-align: center;
}

header img {
    display: block;
    margin: auto;
    border-radius: 50%;
}

.links {
    width: 122px;
    margin: auto;
}

.links a {
    margin: 0px 5px;
    font-size: 1.266em
}

.all-posts,
.posts-page,
.tribute {
    margin: 0 auto;
}

.posts-page,
.tribute {
    width: 60%;
}

.tribute {
    font-size: smaller;
    text-align: center;
}

.posts {
  list-style-type: none;
  margin-bottom: 2em;
  padding-left: 0.1em;
}

  .posts li {
    line-height: 1.75em;
  }

  .posts span,
  .post .meta {
    color: #333;
    font-family: "Courier New", "Consolas";
    font-size: 80%;
  }

@media(max-width: 992px) {
    .posts span {
        display: none;
    }
}

.post {
    margin-top: 24px;
    margin-bottom: 48px;
}

.post > p > img {
    display: block;
    max-width: 60%;
    margin: 0 auto;
}

.post > p > img + em {
    display: block;
    text-align: center;
    font-size: small;
}

.post > table {
    margin-bottom: 2em;
}

.post > table > tbody > tr > td, 
.post > table > thead > tr > th {
    padding: 0.6em;
}

.post > table > tbody > tr > td {
    border-top: 1px solid #ccc;
}