Reduce typography in the content

2 files changed, 10 insertions, 8 deletions

diff --git a/assets/css/site.css b/assets/css/site.css
index 987983f..b92d563 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -88,30 +88,30 @@ html {
 }
 
 .article h1 {
-  @apply text-5xl;
+  @apply text-4xl;
   @apply font-semibold;
   @apply tracking-tighter;
   @apply text-gray-700;
 }
 
 .article h2 {
-  @apply text-4xl;
+  @apply text-3xl;
   @apply font-semibold;
   @apply text-gray-700;
 }
 
 .article h3 {
-  @apply text-3xl;
+  @apply text-2xl;
   @apply text-gray-700;
 }
 
 .article h4 {
-  @apply text-2xl;
+  @apply text-xl;
   @apply text-gray-700;
 }
 
 .article h5 {
-  @apply text-xl;
+  @apply text-lg;
   @apply text-gray-700;
 }
 
@@ -152,7 +152,7 @@ html {
 .article ol,
 .article dl,
 .article td {
-  @apply text-xl;
+  @apply text-lg;
 }
 
 .article ol:not(.list-none),
@@ -309,7 +309,7 @@ html {
 .intro p,
 .article__content > p:first-of-type {
   @apply tracking-tight;
-  @apply text-2xl;
+  @apply text-xl;
 }
 
 /* .pagination is created by Hugo */
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 065f472..20e0de5 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,7 +2,9 @@
 <div id="reading-progress-bar" role="presentation" class="fixed z-10 top-0 left-0 h-1 bg-gray-700"></div>
 
 <article class="article">
-    <h1><a href="{{.Permalink}}" class="no-underline text-black">{{ .Title }}</a></h1>
+    <h1 class="leading-9">
+      <a href="{{.Permalink}}" class="no-underline text-black">{{ .Title }}</a>
+    </h1>
 
     {{if not .Params.hideMetadata }}
       <header class="text-right pb-6">