Adjust Font Sizes

Add font-sizes.css

src/styles/font-sizes.css

.docs-wrapper {
  /* Reduce font size of h1, h2, h3 */
  article h1,
  h1[class*="title_"] {
    @apply !text-4xl;
  }

  article h2 {
    @apply text-2xl;
  }

  article h3 {
    @apply text-xl;
  }
}

/* Reduce the h1 title size on blog detail page */
.blog-post-page {
  h1[class*="title_"] {
    @apply !text-4xl;
  }

  article h2 {
    @apply text-2xl;
  }

  article h3 {
    @apply text-xl;
  }
}

.blog-authors-posts-page,
.blog-tags-post-list-page {
  h2[class*="title_"] {
    @apply !text-4xl;
  }
}

.blog-list-page {
  h2[class*="title_"] {
    @apply !text-2xl font-normal;
  }
}

.navbar__link--active,
a.navbar__link--active {
  @apply font-semibold;
}

Add font-sizes.css to custom.css

src/css/custom.css

@import "../styles/font-sizes.css";