Feat: New blog article page.

static/css/sections/blog.css

@@ -88,6 +88,7 @@ body {
 .hero {
     padding: 8rem 2rem 4rem;
     background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */
+    margin-bottom: 2rem;
 }
 .hero-content {
     max-width: 600px;
@@ -122,6 +123,7 @@ section.hero .button:hover {
     overflow: hidden;
     box-shadow: 0 4px 20px rgba(0,0,0,0.1);
     transition: transform 0.3s, box-shadow 0.3s;
+    margin-bottom: 2rem;
 }
 
 .featured-post:hover {
@@ -252,6 +254,7 @@ section.hero .button:hover {
     padding: 0.2rem 0.6rem;
     border-radius: 12px;
     font-size: 0.8rem;
+    margin-left: 1vw;
 }
 
 .recent-posts {