Merge pull request #65 from rubyuy/add-links-hover

Add links hover behavior

Author: santib

_sass/header.scss

@@ -122,6 +122,10 @@ body {
                       padding: 0.43vw 1.719vw;
                       text-decoration: none;
 
+                      &:hover {
+                        background-color: rgba(0,0,0,0.5);
+                      }
+
                       @media (max-width: 992px) {
                         font-size: 14px;
                         margin-top: 12px;

_sass/nav.scss

@@ -17,7 +17,7 @@ nav {
       background: #fff;
       box-sizing: border-box;
 
-      &:first-child { flex: 3; background: #F6EEEC; }
+      &:first-child { flex: 3; background: #F6EEEC; a:hover { background-color: inherit; } }
       &:nth-child(2) { background: #F6EEEC; flex: 10; }
       &:nth-child(n+3):not(:last-child) { flex: 6 }
       &:nth-last-child(2) { border: 0; }
@@ -28,8 +28,17 @@ nav {
       }
 
       a {
+        align-items: center;
         color: inherit;
+        display: flex;
+        height: 100%;
+        justify-content: center;
         text-decoration: none;
+        width: 100%;
+
+        &:hover {
+          background-color: rgb(57, 126, 120);
+        }
       }
 
       button {