#posts {
  margin-top: 40px; }

.post {
  margin-bottom: 40px; }
  .post .title h1 {
    margin-bottom: 0px; }
  .post .title .subheader {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: capitalize; }
  .post .date {
    color: #000; }
  .post .body p {
    margin: 1em 0px;
    color: #fff; }
  .post .footer {
    overflow: hidden;
    background-color: #121216;
    font-weight: normal;
    font-size: 0.8em;
    font-family: monospace;
    letter-spacing: 0.1em;
    margin-top: 20px; }
    .post .footer p {
      margin: 6px 20px; }

.post-summary {
  margin-bottom: 40px; }
  .post-summary .title {
    margin-bottom: 0; }
  .post-summary .date {
    color: #707070;
    font-size: 0.8em; }
  .post-summary .body {
    margin: 20px 0px; }
    .post-summary .body p {
      color: #fff; }
  .post-summary a:hover {
    color: #fff; }

.previous-link {
  text-align: left;
  margin-bottom: 20px; }

.next-link {
  text-align: right;
  margin-bottom: 20px; }