added color transitions on hover

frontend/src/styles/Header.css

@@ -14,7 +14,7 @@
 }
 
 #header-home-link:hover {
-    color: #6E83F9;
+    color: #C2D1F9;
 }
 
 #header-restaurant-status {
@@ -37,7 +37,7 @@
 
 #header-button:hover {
     cursor: pointer;
-    color: #6E83F9;
+    color: #C2D1F9;
 }
 
 @media only screen and (max-width: 600px) {

frontend/src/styles/Home.css

@@ -36,10 +36,15 @@
     font-weight: bold;
     text-decoration: none;
     white-space: nowrap;
+    transition: 0.3s;
+}
+
+.home-link-item + span {
+    transition: 0.3s;
 }
 
 .home-link-item:hover {
-    color: inherit;
+    color: #C2D1F9;
 }
 
 .home-link-item:hover + span {