Shade navbar items when hovered

scss/_variables.scss

@@ -5,3 +5,5 @@ $success-50:   hsl(134, 100%, 93%) !default;
 $info-50:      hsl(215, 100%, 97%) !default;
 $warning-50:   hsl(50, 100%, 96%) !default;
 $danger-50:    hsl(350, 100%, 96%) !default;
+
+$secondary-25: hsl(200, 26%, 96%) !default;

scss/bootstrap/_navbar.scss

@@ -1,9 +1,18 @@
-.navbar {
+.essence-navbar.navbar {
   z-index: 1040;
   background-image: none;
 
   .nav-link {
+    border-radius: 0.5rem;
     white-space: nowrap;
+
+    &:hover {
+      @include media-breakpoint-up(md) {
+        background-color: $secondary-25;
+      }
+
+      color: black;
+    }
   }
 
   &.navbar-dark {