body {
  background-color: #FBF7EB;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, cserif;
  line-height: 1.5;
  font-size: 15px;
}

p {
  text-align: justify;
}

*, *::before, *::after {
  box-sizing: border-box;
}

#content, #postamble {
  margin: auto;
  padding: 4em 1em;
}

.index, #postamble {
  max-width: 42em;
}

.index {
  h1 {
    text-align: center;
  }

  .org-ul {
    margin: 4em 0 0 0;
    list-style: none;
    padding: 0;
    
    li {
      font-size: 1.25em;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-bottom: 1em;

      .date {
        font-size: 14px;
        color: #777;
        text-transform: uppercase;
      }
    }
  }
}

.post, .post + #postamble {
  max-width: 42em;
}

.org-keyword {
  color: #a02016;
  font-weight: bold;
}

.org-string {
  color: #8f5854;
}

.org-builtin {
  /* font-lock-builtin-face */
        color: #8f5854;
  font-weight: bold;
  font-style: italic;
}

pre {
  border-top: 1px #333 solid;
  border-bottom: 1px #333 solid;
  padding: 1em;
  font-size: 14px;
}

code {
  font-size: 13px;
}

table {
  margin: 2em;
  font-family: "Courier", sans-serif;
  font-size: 14px;

  thead {
    text-align: left;
  }

  tr {
    td {
      padding: 1px;
    }
  }
}

@media only screen and (max-width: 600px) {
  pre {
    font-size: 9px;
  }
  
  table {
    margin: 1em;
    font-size: 9px;
  }
}