Initial express.js project structure

assets/styles/gargoyle.scss

@@ -1,10 +1,17 @@
-$nav-bar-height: 50px;
+$primary-color: orange;
+$primary-color-highlight: darken($primary-color, 10%);
+
+$nav-bar-height: 60px;
 
 body{
   padding: $nav-bar-height 0 0;
   background: lightgrey;
 }
 
+.container.fluid{
+  max-width: 100%;
+}
+
 #nav-bar{
   position: fixed;
   top: 0;
@@ -13,6 +20,7 @@ body{
   height: $nav-bar-height;
   background: #212121;
   box-shadow: 0 2px 1px rgba(0, 0, 0, .25);
+  color: white;
 
   .nav-bar-left{
     float: left;
@@ -26,12 +34,22 @@ body{
     }
   }
 
+  .site-logo,
   .nav-link a{
-    color: teal;
+    padding: 9px 12px;
+    font-size: 2.5rem;
+  }
+
+  .site-logo{
+    font-weight: bold;
+  }
+
+  .nav-link a{
+    color: $primary-color;
     transition: all 230ms ease-in-out;
 
     &:hover{
-      color: green;
+      color: $primary-color-highlight;
     }
   }
 }