style.css

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700');

body {
  background-color: #F7F5F7;
  color: #57526a;
  font-weight: 300;
  margin: 24px;
  font-family: "Roboto Mono", "Lucida Console", Monaco, monospace;
}

@media screen and (min-width: 640px) {
  body {
    margin: 48px;
  }
}

a, a:hover, a:focus, a:visited, a:active {
  color: #57526a;
}

.bold {
  font-family: "Roboto Mono", "Lucida Console", Monaco, monospace;
  font-weight: 400;
}

h1 {
  margin: 0 0 8px 0;
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.site-header {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 48px;
}

.site-header:after {
  font-family: "Roboto Mono", "Lucida Console", Monaco, monospace;
  font-weight: 400;
  content: "\2014";
  font-size: 2.35rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

h2 {
  margin: 0 0 32px 0;
  font-size: .9rem;
  font-weight: 300;
}

h3 {
  margin: 0 0 4px 0;
  font-size: 1rem;
  font-weight: 400;
}

.meta {
  margin: 2px 0 0 0;
  font-size: .75rem;
}

.meta,
.meta a,
.blog-posts-heading a {
  color: #a7a2ba;
}

.blog-post {
  margin-bottom: 32px;
}

.blog-posts-heading {
  display: none;
  color: #a7a2ba;
}

.query-tag {
  font-family: "Roboto Mono", "Lucida Console", Monaco, monospace;
  color: #57526a;
  font-size: 1.3rem;
}