diff --git a/templates/article.html b/templates/article.html
index 3025943..1cdd68d 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -40,7 +40,7 @@
   <link href="{{base_url}}/css/webflow.css" rel="stylesheet" type="text/css">
   <link href="{{base_url}}/css/compute-c23f91.webflow.css" rel="stylesheet" type="text/css">
   <script
-    type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
+    type="text/javascript">!function (o, c) {var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")}(window, document);</script>
   <link href="{{base_url}}/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
   <link href="{{base_url}}/images/webclip.png" rel="apple-touch-icon">
 </head>
@@ -61,20 +61,16 @@
       </div>
     </div>
   </div>
-  <div class="w-layout-vflex flex-block-2 purple">
-    <div id="header-elements" style="align-items: flex-start;">
-      <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
-      <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
-        {% for author in authors %}
-        <img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar"
-          class="image">
-        <div class="text-block-2">{{author.full_name}}</div>
-        {% endfor %}
-      </div>
-      <p class="text-block-2" style="margin-left: 20px;margin-bottom: 20px;margin-top:20px;font-size: 16px">
-        {{published}}
-      </p>
+  <div class="w-layout-vflex flex-block-2 purple" style="align-items: flex-start;">
+    <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
+    <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
+      {% for author in authors %}
+      <img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar"
+        class="image">
+      <div class="text-block-2">{{author.full_name}}</div>
+      {% endfor %}
     </div>
+    <p style="margin-left: 20px;color: white;font-size: 16px">{{published}}</p>
   </div>
   <article class="content">{{body}}</article>
   <hr>
diff --git a/templates/css/compute-c23f91.webflow.css b/templates/css/compute-c23f91.webflow.css
index 24cf453..8587062 100644
--- a/templates/css/compute-c23f91.webflow.css
+++ b/templates/css/compute-c23f91.webflow.css
@@ -44,13 +44,7 @@
 }
 
 article {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-article>* {
-  line-height: 1.5;
+  margin: 20px;
 }
 
 h1 {
@@ -103,11 +97,12 @@ li {
 }
 
 .flex-block-2.purple {
+  color: #333;
+  background-color: #552a85;
   flex-flow: column;
   justify-content: space-around;
   padding-top: 0;
   display: flex;
-  background-color: #552a85;
   overflow-x: hidden;
 }
 
@@ -202,36 +197,16 @@ li {
 }
 
 .text-block-2 {
-  color: white;
+  color: #fff;
   font-size: 18px;
 }
 
-article>* {
-  width: 96vw;
-  max-width: 940px;
-}
-
-#header-elements {
-  width: 96vw;
-  max-width: 940px;
-}
-
 @media screen and (max-width: 991px) {
   .heading-3.unwrapped-compute.compute-gradiant {
     height: 22vw;
     min-height: 0%;
   }
 
-  article>* {
-    width: 96vw;
-    max-width: 575px;
-  }
-
-  #header-elements {
-    width: 96vw;
-    max-width: 575px;
-  }
-
   .grid {
     grid-template-columns: 1fr;
   }