From e5696f0c9f3a940308fad020a1a98f0decfa7a81 Mon Sep 17 00:00:00 2001
From: Braian Mellor <braianj@gmail.com>
Date: Thu, 15 Aug 2024 12:26:14 -0300
Subject: [PATCH] feat: change heading style

---
 assets/_custom.scss   | 34 ++++++++++++++++++++++++++++++++++
 assets/_markdown.scss | 43 ++++++++++++++++++++++++-------------------
 2 files changed, 58 insertions(+), 19 deletions(-)

diff --git a/assets/_custom.scss b/assets/_custom.scss
index cfc2d60..52c8724 100644
--- a/assets/_custom.scss
+++ b/assets/_custom.scss
@@ -1,4 +1,38 @@
 /* You can add custom styles here. */
+h1 {
+  font-size: 48px;
+  font-weight: 600;
+  line-height: 56.02px;
+  text-align: left;
+}
+
+h2 {
+  font-size: 32px;
+  font-weight: 500;
+  line-height: 39.52px;
+  text-align: left;
+}
+
+h3 {
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 32.02px;
+  text-align: left;
+}
+
+h4 {
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 32px;
+  text-align: left;
+}
+
+h5 {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 28px;
+  text-align: left;
+}
 
 // @import "plugins/numbered";
 details.faq-details {
diff --git a/assets/_markdown.scss b/assets/_markdown.scss
index f904dd9..b4e3ac6 100644
--- a/assets/_markdown.scss
+++ b/assets/_markdown.scss
@@ -17,10 +17,6 @@
     margin-top: $padding-16 * 3;
     margin-bottom: $padding-4;
 
-    font-weight: 500;
-    font-size: 21px;
-    line-height: 30px;
-
     a.anchor {
       opacity: 0;
       font-size: 0.75em;
@@ -35,26 +31,35 @@
   }
 
   h1 {
-    font-style: normal;
+    font-size: 48px;
     font-weight: 600;
-    font-size: 28px;
-    line-height: 34px;
+    line-height: 56.02px;
+    font-style: normal;
     margin-bottom: 12px;
   }
-
-  h4,
-  h5,
-  h6 {
-    font-weight: bolder;
+  
+  h2 {
+    font-size: 32px;
+    font-weight: 500;
+    line-height: 39.52px;
   }
-
+  
+  h3 {
+    font-size: 24px;
+    font-weight: 500;
+    line-height: 32.02px;
+  }
+  
+  h4 {
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 32px;
+  }
+  
   h5 {
-    font-size: 0.875em;
-  }
-
-  h6 {
-    margin-top: 28px;
-    font-size: 1.15em;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 28px;
   }
 
   .goat {