diff --git a/src/layouts/BasicLayout.astro b/src/layouts/BasicLayout.astro
index 7130be3..359825a 100644
--- a/src/layouts/BasicLayout.astro
+++ b/src/layouts/BasicLayout.astro
@@ -1,4 +1,5 @@
 ---
+import "../styles/global.css";
 import Header from "../components/Header.astro";
 import Navigation from "../components/Navigation.astro";
 import Footer from "../components/Footer.astro";
@@ -7,6 +8,8 @@ import Footer from "../components/Footer.astro";
 <Header />
 <Navigation />
 <main>
-    <slot />
+    <section>
+        <slot />
+    </section>
 </main>
 <Footer />
\ No newline at end of file
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
new file mode 100644
index 0000000..bd8eb94
--- /dev/null
+++ b/src/layouts/MarkdownLayout.astro
@@ -0,0 +1,22 @@
+---
+import "../styles/global.css";
+import Header from "../components/Header.astro";
+import Navigation from "../components/Navigation.astro";
+import Footer from "../components/Footer.astro";
+
+const { frontmatter } = Astro.props;
+---
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{frontmatter.title}</title>
+</head>
+<Header />
+<Navigation />
+<main>
+    <section>
+        <slot />
+    </section>
+</main>
+<Footer />
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1cbb64c..8b8444d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,6 @@
 ---
 import BasicLayout from "../layouts/BasicLayout.astro";
 
-import "../styles/global.css";
-
 const pageTitle = "emma's place";
 const backgroundColor = "#ffd4de";
 const backgroundColorNightMode = "#240046";
@@ -48,7 +46,6 @@ const emmaNews = [
 	</head>
 	<body>
 		<BasicLayout>
-				<section>
 					<h1>welcome to {pageTitle}</h1>
 					<p>
 						you're at emma's place. coffee or tea of your choice are 
@@ -71,7 +68,6 @@ const emmaNews = [
 					<ul>
 						{emmaNews.map((news) => <li>{news}</li>)}
 					</ul>
-				</section>
 		</BasicLayout>
 	</body>
 </html>
