added menu and caret

src/scss/main.scss

@@ -18,6 +18,7 @@ body {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   padding: 0;
   margin: 0;
+  //overflow-anchor: none;
 }
 
 header {
@@ -52,6 +53,85 @@ header {
   a {
     color: #fff !important;
   }
+
+  .scroll-down {
+    display: block;
+    position: absolute;
+    z-index: 100;
+    bottom: 45px;
+    left: 50%;
+    margin-left: -24px;
+    width: 48px;
+    height: 48px;
+    -webkit-animation: bounce 4s 2s infinite;
+    animation: bounce 4s 2s infinite;
+  }
+
+  @-webkit-keyframes bounce {
+    0%, 100%, 20%, 50%, 80% {
+      -webkit-transform: translateY(0);
+      transform: translateY(0)
+    }
+    40% {
+      -webkit-transform: translateY(-30px);
+      transform: translateY(-30px)
+    }
+    60% {
+      -webkit-transform: translateY(-15px);
+      transform: translateY(-15px)
+    }
+  }
+
+  @keyframes bounce {
+    0%, 100%, 20%, 50%, 80% {
+      -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+      transform: translateY(0)
+    }
+    40% {
+      -webkit-transform: translateY(-30px);
+      -ms-transform: translateY(-30px);
+      transform: translateY(-30px)
+    }
+    60% {
+      -webkit-transform: translateY(-15px);
+      -ms-transform: translateY(-15px);
+      transform: translateY(-15px)
+    }
+  }
+}
+
+.nav {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  .items {
+    display: flex;
+    padding: 1rem;
+    //border: 1px solid #fff;
+    //border-top: none;
+  }
+}
+
+.menu {
+  a {
+    color: #fff;
+    text-decoration: none;
+    margin-right: 2rem;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .item:last-child a {
+    margin-right: 0;
+  }
+
+  .active a {
+    font-weight: bold;
+  }
 }
 
 ul.social-icons {
@@ -404,7 +484,7 @@ section {
   }
 }
 
-#services, #interests {
+#projects, #interests {
   color: #fff;
   background-image: url(../img/bg.jpg);
 }