body {
  font-family: "Open Sans", monospace;
}

code.language-javascript {
  font-family: "Fira Code", monospace;
}
code {
  font-family: "Fira Code", monospace;
  color: #393a34;
}

.navbar-menu .navbar-item {
  color: #606060;
  background-color: transparent;
}

.navbar-menu .navbar-item.is-active {
  color: #1a1a1a;
  border-bottom: .15em solid #3273dc;
}

nav.navbar {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

footer {
  border-top: #bbbbbb solid 0.05em;
  box-shadow: 0 11px 13px 0 rgba(0, 0, 0, 0.1), 0 11px 12px 0
    rgba(0, 0, 0, 0.06) !important;
}

.navbar-menu a.navbar-item {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

/* about page  */
.avatar img {
  height: 128px;
  padding: 2px;
  background: #3273dc;
  border-radius: 45%;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px
    rgba(10, 10, 10, 0.1);
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.hr {
  border-bottom: 1px solid #3273dc;
  border-radius: 50%;
}
.resume-section {
  margin-bottom: 1.5rem;
}
.resume-section .wrapper {
  padding: .75em 0;
}
.resume-section .item {
  padding: .5em 0;
}
.about-heading {
  flex-direction: column;
  justify-content: center;
}

.twitter-share-button {
  vertical-align: bottom;
}

/* codeblock */
.codeblock {
  margin-bottom: 0.5rem;
}
.codeblock .card-header p {
  margin: 0.5rem;
  padding: 0.25rem;
  border: 1px solid #dddddd;
}
.codeblock .card-content {
  padding: 0.5rem;
}
.codeblock .card-content pre {
  margin: 0;
}
.codeblock .card-header-title {
  font-family: "Fira Code", monospace;
  color: #393a34;
}