diff --git a/blog.html b/blog.html
index 8a18926..720bea0 100644
--- a/blog.html
+++ b/blog.html
@@ -33,11 +33,17 @@
     
     <!-- Content -->
     <!-- Section -->
+    <!-- TODO: FIX BLOG CSS!!!!!!!!! -->
     <section class="centered">
-        <div>
-            <h1 class="hero__header" data-aos="flip-down">Work In Progress</h1>
+        <div class="row">
+            <div>
+                <h1 class="header" data-aos="flip-down">Work In Progress</h1>
+            </div>
+            <div>
+                <h1 class="blog" data-aos="flip-down">Work In Progress</h1>
+            </div>
+            <h1 class="blog" data-aos="flip-down">Work In Progress</h1>
         </div>
-        <img src="images/elements/png/line_short.png" alt="line" class="divider__line" data-aos="flip-left">
     </section>
 
     <!-- JS -->
diff --git a/css/styles.css b/css/styles.css
index f068c71..3eac169 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -161,6 +161,26 @@ html {
     width: 10vw;
 }
 
+/* blog */
+.blog {
+    background: grey;
+    width: 300px;
+    height: 300px;
+    border: 150px;
+    border-radius: 20px;
+    line-height: 1.5;
+    padding-right: 0.9vw;
+    padding-left: 0.9vw;
+    font-weight: 520;
+    text-shadow: none;
+    box-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
+  }
+
+  .blog__header {
+    font-size: 12vw;
+    font-weight: 400;
+  }
+
 @media only screen and (max-width: 1024px) {
     .hero__header {
         font-size: 12vw;