Adjust margins in heading

templates/article.html

@@ -69,7 +69,7 @@
   </div>
   <div class="w-layout-vflex flex-block-2 purple" style="background-color:#552a85">
     <div id="header-elements">
-      <h1 class="heading-8" style="margin: 0;">{{title}}</h1>
+      <h1 class="heading-8">{{title}}</h1>
       <div class="w-layout-hflex flex-block-3">
         {% for author in authors %}
         <img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar"

templates/css/compute-c23f91.webflow.css

@@ -208,7 +208,7 @@ li {
   -webkit-background-clip: text;
   background-clip: text;
   font-size: 64px;
-  margin-bottom: 20px;
+  margin-bottom: 8px;
 }
 
 .image {
@@ -315,4 +315,4 @@ article>* {
   .text-block {
     font-size: 6vw;
   }
-}
+}