diff --git a/top-nav-drill/.gitignore b/top-nav-drill/.gitignore
new file mode 100644
index 0000000..b08f28b
--- /dev/null
+++ b/top-nav-drill/.gitignore
@@ -0,0 +1,3 @@
+.*.swp
+.sass-cache
+*.css.map
diff --git a/top-nav-drill/main.css b/top-nav-drill/main.css
index 9d37c16..1003144 100644
--- a/top-nav-drill/main.css
+++ b/top-nav-drill/main.css
@@ -1,5 +1,39 @@
 .container {
-  margin: 0 auto;
-}
+  margin: 0 auto; }
 
 /*Put your code here*/
+header {
+  background-color: #000;
+  font-family: sans-serif;
+  padding: 0.5em 0; }
+  header a {
+    color: #fff; }
+  header span {
+    padding: 0.5em 2em;
+    font-size: 180%;
+    font-weight: bold; }
+    header span a {
+      text-decoration: none; }
+      header span a:visited {
+        color: #fff; }
+  header nav {
+    float: right;
+    font-size: 80%; }
+    header nav ul {
+      padding-right: 1em; }
+    header nav li {
+      display: inline;
+      list-style-type: none;
+      padding-right: 1em; }
+
+.container > section {
+  width: 50%;
+  margin-left: 25%;
+  margin-right: 25%; }
+  .container > section h1 {
+    border-bottom: solid black 1px; }
+
+footer {
+  border-top: solid black 1px; }
+
+/*# sourceMappingURL=main.css.map */
diff --git a/top-nav-drill/main.scss b/top-nav-drill/main.scss
new file mode 100644
index 0000000..47dc3e8
--- /dev/null
+++ b/top-nav-drill/main.scss
@@ -0,0 +1,60 @@
+.container {
+  margin: 0 auto;
+}
+
+/*Put your code here*/
+$header_color: #fff;
+$header_bg: #000;
+
+$text_width: 50%;
+$text_margin: (100% - $text_width)/2;
+$separator: solid black 1px;
+
+header {
+    background-color: $header_bg;
+    font-family: sans-serif;
+    padding: 0.5em 0;
+    a {
+        color: $header_color;
+    }
+    span {
+        padding: 0.5em 2em;
+        font: {
+            size: 180%;
+            weight: bold;
+        }
+        a {
+            text-decoration: none;
+            &:visited {
+                color: $header_color;
+            }
+        }
+    }
+
+    nav {
+        float: right;
+        font-size: 80%;
+        ul {
+            padding-right: 1em;
+        }
+        li {
+            display: inline;
+            list-style-type: none;
+            padding-right: 1em;
+        }
+    }
+}
+
+.container > section {
+    width: $text_width;
+    margin-left: $text_margin;
+    margin-right: $text_margin;
+    
+    h1 {
+        border-bottom: $separator;
+    }
+}
+footer {
+    border-top: $separator;
+}
+