(improved): responsiveness of projects and blog page

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;
   }