2 files changed, 15 insertions, 3 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 5849f90..a08dd15 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -10,9 +10,7 @@ const { title, description, date } = Astro.props;
     </header>
     <div class="container">
         <main>
-            <article>
-                <slot />
-            </article>
+            <slot />
         </main>
     </div>
 </Layout>
@@ -27,6 +25,12 @@ const { title, description, date } = Astro.props;
         padding: 0 0 1em;
     }
 
+    main {
+        background-color: #3B513B;
+        padding: 1.2em;
+        border-radius: 20px;
+    }
+
     .header-text {
         font-size: 2em;
         margin: 0;
diff --git a/src/layouts/PageMarkdown.astro b/src/layouts/PageMarkdown.astro
index f6e76ab..89bd0f8 100644
--- a/src/layouts/PageMarkdown.astro
+++ b/src/layouts/PageMarkdown.astro
@@ -41,6 +41,14 @@ const { frontmatter } = Astro.props;
         margin: 1em 10em 1em 10em;
     }
 
+    article {
+        background-color: #3B513B;
+        padding: 1.3em;
+        border-radius: 20px;
+        gap: 0.5em;
+        margin: 0.5em;
+    }
+
     @media (max-width: 992px) {
         .container {
             margin: 10px 20px 10px 20px;