Create navigation bar

src/scss/_buttons.scss

@@ -0,0 +1,8 @@
+a.raised-button {
+  box-sizing: content-box;
+  padding: 7px 35px;
+  background-color: $primary;
+  color: white;
+  border: solid 1px;
+  border-radius: 30px;
+}

src/scss/_navbar.scss

@@ -0,0 +1,46 @@
+#navbar-container {
+  margin: 0 90px;
+  height: 100px;
+}
+
+#navbar-header {
+  display: flex;
+  justify-content: center;
+}
+
+#navbar-header {
+  img {
+    height: 45px;
+  }
+
+  span {
+    margin-left: 17px;
+    font-family: Lato, sans-serif;
+    text-transform: uppercase;
+    font-size: 24px;
+    font-weight: bold;
+
+    em {
+      color: $primary;
+      font-style: normal;
+    }
+  }
+}
+
+#navbar-body {
+  a {
+    text-transform: capitalize;
+    font-family: Montserrat, sans-serif;
+    font-size: 16px;
+    font-weight: bolder;
+  }
+
+  a.default-link {
+    margin: 0 20px;
+    color: $primary-dark;
+  }
+
+  a.raised-button {
+    @extend .raised-button
+  }
+}

src/scss/_variables.scss

@@ -0,0 +1,2 @@
+$primary: #8d81ac;
+$primary-dark: #635c73;

src/scss/style.scss

@@ -1 +1,3 @@
-@import "_variables";
+@import "variables";
+@import "navbar";
+@import "buttons";