Copied some styles from Leviathan

public/css/kourend.css

@@ -7,48 +7,69 @@ body{
 }
 
 body{
+  height: auto;
+  min-height: 100%;
+  box-sizing: border-box;
   padding-top: 80px;
   padding-bottom: 80px;
   background: #eee;
 }
 
-#navbar{
-  box-sizing: border-box;
+textarea{
+  max-width: 100%;
+  min-width: 100%;
+  height: 100px;
+}
+
+form select{
+  min-height: 100px;
+}
+
+.container{
+  max-width: 1024px;
+}
+
+#main-nav{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 64px;
-  padding-left: 10px;
-  background: purple;
+  background: teal;
   color: white;
-  z-index: 10;
+  z-index: 20;
 }
 
-#navbar ul{
+#main-nav ul{
   list-style: none;
-}
-#navbar ul li{
   display: inline-block;
 }
-
-#navbar h4,
-#navbar a{
-  margin-left: 15px;
+#main-nav h4{
+  display: inline-block;
+  margin-left: 25px;
   line-height: 64px;
 }
+#main-nav ul li{
+  display: inline-block;
+  margin-left: 15px;
+}
 
-#navbar a{
+#main-nav a{
   color: white;
-  font-size: 24px;
-  text-decoration: none;
+  font-size: 2.25rem;
+  line-height: 64px;
+  transition: all 200ms ease-in-out;
+}
+#main-nav a:hover{
+  color: #eee;
+  font-size: 2.5rem;
 }
 
 #main-content{
-  max-width: 1024px;
   padding: 14px 20px;
   background: white;
   border-radius: 8px;
+  z-index: 10;
 }
 
 #main-footer{
@@ -57,9 +78,10 @@ body{
   left: 0;
   width: 100%;
   height: 64px;
+
 }
 
 #main-footer p{
-  line-height: 64px;
+  margin-bottom: 5px;
   text-align: center;
 }

templates/layout/navbar.tmpl

@@ -1,11 +1,13 @@
 {{ define "navbar" }}
-<nav id="navbar">
-  <ul class="navbar-left">
-    <li><h4>BLT</h4></li>
+<nav id="main-nav">
+  <div class="nav-left">
+    <h4>BLT</h4>
+    <ul>
       <li><a href="/">Dashboard</a></li>
       <li><a href="/project">Projects</a></li>
       <li><a href="/hardware">Hardware</a></li>
       <li><a href="/benchmark">Benchmarks</a></li>
     </ul>
+  </div>
 </nav>
 {{ end }}