pre,
code {
  /* @include relative-font-size(0.9375); */
  border: 1px solid var(--grey-light);
  /* border-radius: 3px; */
  /* background-color: #eef; */
}
code {
  padding: 1px 5px;
}
pre {
  overflow-x: auto;
  padding: 1.8em 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-image: repeating-linear-gradient(to bottom, var(--grey-light), var(--grey-light) 1.8em, white 1.8em, white 3.6em);
}
pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
  line-height: 1.8;
}
.g-container {
  --container-width: 70rem;
}

.post-header {
  text-align: center;
  font: var(--open-sans-2);
  max-width: 50rem;
  margin: 6rem auto 3rem;
}

.post-header h1 {
  font: var(--open-sans-1);
  color: var(--blue-navy);
  margin-bottom: 1rem;
}

.post-content {
  margin-bottom: 6rem;
}
.post-content h2 {
  font: var(--open-sans-3);
  margin-bottom: 1rem;
}
.post-content h3 {
  font: var(--open-sans-5);
  margin-bottom: 1rem;
}
.post-content h4 {
  font: var(--open-sans-5);
  margin-bottom: 1rem;
}

.post-content p {
  margin-bottom: 2rem;
}

.post-content li {
  font: var(--open-sans-6);
}

.post-content p:last-child a:only-child {
  font: var(--muli-1);
  text-decoration: none;
}