body {
    font-family: 'Avenir Next', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
    margin: auto;
    max-width: 80em;
}

#page-title {
    text-align: center;
}

#page-title a:hover, .post a:hover {
    text-decoration: underline;
}

.nav-title {
  font-size: 1.2em;
}

.blog-post-content {
  padding-top: 1em;
  padding-bottom: 1em;
}

.posts_listing li {
  list-style-type: none;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.7rem;
}

h3 {
  font-size: 1.4rem;
}

h4  {
  font-size: 1.2rem;
}

h5  {
  font-size: 1rem;
}

h6  {
  font-size: 0.8rem;
}

code {
  /*white-space: pre;*/
  overflow-x: auto;
}

pre {
  overflow-x: auto;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid lighten(#111, 90);
  background-color: #efefef
}

footer  {
  text-align: center;
}

.post-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-areas: "a a";
}