.card-padding-top {
  margin-top: 1rem;
}

.article {
  margin-top: 1rem;
}

.blog-navigation {
  margin-top: 1rem;
}

.twitter-feed {
  max-height: 500px;
}

.navbar-brand img {
  height: 30px;
  padding: 3px;
  background-color: white;
}

.octicon {
  padding-right: .25em;
}

.text-muted span ~ .octicon {
  padding-left: .5em;
}

.blog-post-header .text-muted {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

a {
  transition: color .2s, background-color .2s;
}

blockquote {
  margin-left: 1em;
  background: lightgrey;
  padding: 3px;
  border-radius: 3px;
  font-style: italic;
}

.blog-post img {
  max-width: 100%;
}

@media (max-width: 576px) {
  nav > .container {
      margin-left: 0;
      margin-right: 0;
  }
}