Fix: Center blog post content properly

- Use flexbox on blog-post container to center all children
- Set max-width on post container to constrain width
- Ensure content paragraph takes full width and centers text

blog/style.css

@@ -229,12 +229,16 @@ a:focus-visible {
 }
 
 .blog-post {
-  margin: 40px 0;
+  margin: 40px auto;
   padding: 20px;
   border: 1px solid rgba(155, 169, 180, 0.2);
   border-radius: 4px;
   background: linear-gradient(135deg, rgba(13, 10, 20, 0.4), rgba(50, 30, 80, 0.2));
   scroll-margin-top: 100px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 700px;
 }
 
 .blog-post-title {
@@ -256,9 +260,9 @@ a:focus-visible {
   color: #9d9aa4;
   font-size: 0.95rem;
   line-height: 1.6;
-  margin: 20px auto;
+  margin: 20px 0;
   text-align: center;
-  max-width: 600px;
+  width: 100%;
 }
 
 .blog-post-content p {