fix taxonomy issues

assets/sass/_layout.sass

@@ -39,7 +39,7 @@ header h1, header h1 a
     color: $text
     text-decoration: none
     padding: 0
-    transition: color 0.4s
+    transition: color 0.4s ease-in-out
     &:hover, &:focus
         color: $accent-light
 
@@ -67,9 +67,10 @@ nav ul li a
     color: $text
     text-decoration: none
     font-weight: 500
-    transition: background 0.4s
+    transition: background 0.4s ease-in-out
     &:hover, &:focus
         background: $accent-dark
+        color: $text
 
 @media (max-width: 600px)
     header