diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index e69de29..83cf8f6 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -0,0 +1,50 @@
+@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1&family=Open+Sans&family=Roboto&family=Shippori+Antique&display=swap');
+
+body {
+    margin: 0px;
+    background-color: #ff7f50;
+}
+
+header h1 {
+    font-family: "Shippori Antique", sans-serif;
+    display: inline-block;
+    padding: 10px;
+    color: #ffffff;
+}
+
+header nav {
+    display: inline-block;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 10px;
+    background-color: #d2691e;
+}
+
+li {
+    display: inline;
+}
+
+li a {
+    display: inline-block;
+    color: #ffffff;
+    background-color: #a52a2a;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-family: "M PLUS 1", sans-serif;
+}
+
+main {
+    margin: 10px;
+    padding: 10px;
+    background-color: #d2691e;
+    font-family: "Open Sans", sans-serif;
+    color: #ffffff;
+}
+
+main p {
+    font-family: "Roboto", sans-serif;
+}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index b4e7d46..e827657 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,8 +2,20 @@
 <html>
 <head>
     <title>Document</title>
+    <link rel="stylesheet" href="assets/css/main.css">
 </head>
 <body>
-    
+    <header>
+        <h1>Lyza the Sheepdog</h1>
+        <nav>
+            <ul>
+                <li><a href="#" class="current">Home</a></li>
+                <li><a href="about/about.html">About</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main>
+        <h2>Travel back in time!</h2>
+    </main>
 </body>
 </html>
\ No newline at end of file
