body {
  color: #404040;
  font-family: PT Serif, serif;
  font-size: 20px;
}
a {
  color: steelblue;
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}
h1 {
  font-family: Open Sans, sans-serif;
}
.container {
  margin: 0 auto;
  max-width: 640px;
}
.post {
    position: relative;
    margin: 4rem auto;
    padding-bottom: 4rem;
    border-bottom: #ddd 1px solid;
}

/* Add little circle in the middle after each post */
.post:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #ddd 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 10px;
}