diff --git a/index.html b/index.html
index 5bb5c43..cb3977b 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,55 @@
 <!DOCTYPE html>
+<head>
+    <style>
+                body {
+                margin:0;
+                padding:0;
+                }
+                main {
+                        margin:2em;
+                }
+                header {
+                        width: 100%;
+                        background-color:black;
+                        padding:1em;
+                }
+                header * {
+			display: inline;
+                        color:white;
+                }
+		nav {
+		    display:block
+		}
+		nav * {
+		    padding-right: 1em;
+		}
+                code, pre {
+                whitespace: normal;
+                }
+                .cblock {
+                        padding-left: 1em;
+                        padding-right: 1em;
+                        display: inline-block;
+                        margin-left: 5em;
+                        background-color:lightgray;
+                }
+    </style>
+</head>
 <body>
-    <h1>lukerufkahr.com</h1>
-    <ul>
-        <li>Physics</li>
-        <li>Circuits</li>
-        <li><a href="notes/cpp.html">C++</a></li>
-    </ul>
+    <header>
+            <span style="font-size: 36px;">Lucas Rufkahr</span>
+	    <nav>
+                <a href="https://lukerufkahr.com">Home</a>
+                <a href="https://lukerufkahr.com/notes.html">Notes</a>
+                <a href="https://lukerufkahr.com/fun_stuff.html">Fun</a>
+	    </nav>
+    </header>
+    <main>
+        <h1>Welcome to my page.</h1>
+        <ul>
+            <li>Physics</li>
+            <li>Circuits</li>
+            <li><a href="notes/cpp.html">C++</a></li>
+        </ul>
+    </main>
 </body>
