diff --git a/_includes/head.njk b/_includes/head.njk
index 782650a..d125f2d 100644
--- a/_includes/head.njk
+++ b/_includes/head.njk
@@ -32,6 +32,7 @@
 
 	<!-- CSS -->
 	<style>{% include "css/main.css" %}</style>
+	<style>{% include "css/nav.css" %}</style>
 	<style>{% getBundle "css" %}</style>
 
   {#
diff --git a/css/main.css b/css/main.css
index 17795d7..6d8edd8 100644
--- a/css/main.css
+++ b/css/main.css
@@ -24,6 +24,21 @@
 body {
   line-height: 1.5; /* 4. Increase line-height */
   -webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
+  width: 65%;
+	max-width: 1500px;
+	margin: 0 auto;
+}
+
+@media (max-width: 1050px) {
+	body {
+		width: 80%;
+	}
+}
+
+@media (max-width: 650px) {
+	body {
+		width: 92%;
+	}
 }
 
 img, picture, video, canvas, svg {
diff --git a/css/nav.css b/css/nav.css
new file mode 100644
index 0000000..b090440
--- /dev/null
+++ b/css/nav.css
@@ -0,0 +1,16 @@
+nav {
+	ul {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+
+		ul {
+			display: none;
+		}
+	}
+
+	> ul {
+		display: flex;
+		gap: 1rem;
+	}
+}
diff --git a/src/blog.njk b/src/blog.njk
new file mode 100644
index 0000000..9bff67d
--- /dev/null
+++ b/src/blog.njk
@@ -0,0 +1,3 @@
+---
+title: Blog
+---
diff --git a/src/events/events.11tydata.js b/src/events/events.11tydata.js
index 6c60c54..8bb6c25 100644
--- a/src/events/events.11tydata.js
+++ b/src/events/events.11tydata.js
@@ -1,6 +1,6 @@
 export default {
 	layout: "event.njk",
 	tags: [
-		"event"
+		"events"
 	]
 };