diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index 1bf56e3..b34db12 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -813,6 +813,42 @@ video {
   margin-top: 2.2rem;
 }
 
+.mb-96 {
+  margin-bottom: 24rem;
+}
+
+.mt-60 {
+  margin-top: 15rem;
+}
+
+.mt-72 {
+  margin-top: 18rem;
+}
+
+.mt-80 {
+  margin-top: 20rem;
+}
+
+.mb-\[60vh\] {
+  margin-bottom: 60vh;
+}
+
+.mt-\[40vh\] {
+  margin-top: 40vh;
+}
+
+.mt-\[30vh\] {
+  margin-top: 30vh;
+}
+
+.mt-32 {
+  margin-top: 8rem;
+}
+
+.mb-72 {
+  margin-bottom: 18rem;
+}
+
 .flex {
   display: flex;
 }
@@ -1604,6 +1640,18 @@ video {
     margin-top: 7rem;
   }
 
+  .lg\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .lg\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .lg\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
   .lg\:block {
     display: block;
   }
diff --git a/htdocs/blog.php b/htdocs/blog.php
index 0bf4cae..9c28b8a 100644
--- a/htdocs/blog.php
+++ b/htdocs/blog.php
@@ -15,7 +15,7 @@ require './core/query_functions.php';
 <body class="font-lexend bg-bg_primary text-accent_secondary">
     <?php require 'assets/_header.php';?>
     <div class="blogbox w-full px-4 lg:px-[4.5rem] flex flex-col items-center text-center">
-        <div class="mt-40 mb-60">
+        <div class="mt-[30vh] mb-[60vh]">
             <h1 class="text-2xl font-bold"><i class="fa-regular fa-clock fa-spin text-accent_primary"></i>&nbsp; Coming Soon</h1>
             <p class="text-base text-accent_three mt-3">Please be patience, Something intresting is cooking up...!!</p>
         </div>
diff --git a/htdocs/projects.php b/htdocs/projects.php
index 71598c9..01b6d3b 100644
--- a/htdocs/projects.php
+++ b/htdocs/projects.php
@@ -35,7 +35,7 @@ $years = create_project_years_array($conn);
                 <div class="absolute bg-accent_primary w-[70px] h-[70px] rounded-full shadow-[0px_0px_120px_20px] shadow-accent_primary_transparent lg:blur-2xl mr-0 mb-[2rem] lg:mb-0 lg:mr-[12.5rem] lg:mt-[3.5rem]"></div>
             </div>
         </div>
-        <div class="projectssection w-full flex justify-between items-start my-32 px-2 lg:px-0">
+        <div class="projectssection w-full flex justify-between items-start mt-32 mb-72 lg:mb-32 px-2 lg:px-0">
             <div class="lefttimeline">
                 <h4 class="text-2xl font-bold mb-10">Projects <span class="text-accent_primary">Timeline</span> by Year</h4>
                 <div class="timeline">
