.nav,
.footer
{
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft Yahei,
    sans-serif
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.archive-item-link,
.article-title,
.archive-item-date,
.article-duration
{
  font-family: 'Noto Serif SC', serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.archive-item-link,
.article-title
{
  color: #333;
  font-weight: 600;
}

.archive-item-date {
  color: #aaa;
}

.content {
  color: #454545;
  font-size: 16px;
  line-height: 1.8;
}

pre code {
  line-height: 1.5;
  font-size: 14px;
}

@media (min-width: 600px) {
  .article-title {
    font-size: 38px;
  }

  .content {
    font-size: 18px;
    line-height: 2;
  }
}