added new toast

app/Components/layout/BarNavigation/BarNavigation.css

@@ -1,11 +1,11 @@
 .barNavigation {
   text-align: center;
-  background-color: #003e79;
-  padding: 0 20px;
+  background-color: #ffffff;
   display: flex;
   width: 100%;
   top: 0;
-  min-height: 40px;
+  height: 45px;
+  max-height: 40px;
 }
 
 .barNavigation ul {
@@ -20,17 +20,13 @@
   cursor: pointer;
   color: white;
   width: 100%;
-  transition: background-color 0.3s ease;
+  transition: background-color 0.3s ease, border 0.3s ease;
   font-size: 1.5rem;
 }
 
 .barNavigation li:hover {
-  background-color: #bd8c01;
-}
-
-.barNavigation ul.active {
-  display: flex;
-  width: 100%;
+  background-color: #f9f9f9;
+  color: black;
 }
 
 .menuToggle {
@@ -46,7 +42,7 @@
 .menuToggle div {
   width: 25px;
   height: 3px;
-  background-color: white;
+  background-color: #7a7a7a;
   border-radius: 4px;
 }
 
@@ -105,8 +101,13 @@
   height: 100%;
   align-items: center;
   justify-content: center;
-  color: rgb(255, 255, 255);
-  font-size: 2rem;
+  color: #383838;
+  font-size: 1.5rem;
+}
+
+.subMenu:hover > span,
+.subMenu > a:hover > span {
+  color: black;
 }
 
 .containerLinks {
@@ -142,6 +143,13 @@ tbody {
     margin: 0;
   }
 
+  .barNavigation ul.active {
+    position: absolute;
+    left: 0;
+    display: flex;
+    width: 100%;
+  }
+
   .barNavigation {
     font-size: 15px;
     display: block;