front: css fix for safari

webapp/src/components/Header/index.css

@@ -14,8 +14,9 @@ nav {
     justify-content: center;
     display: flex;
     flex-wrap: wrap;
+}
 
-    a {
+nav a {
     color: lightgray;
     text-decoration: none;
     transition: .25s ease;
@@ -23,31 +24,28 @@ nav {
     margin-left: 30px;
     margin-right: 30px;
     padding: 0.25rem 1rem;
-    }
+}
 
-    .active {
+nav .active {
     color: white;
     border-radius: 2px;
     background-color: cadetblue;
     opacity: 80%;
     padding: 0.25rem 1rem;
-    }
-
-    a:hover:not(.active) {
-        color:cadetblue;
-
-        box-shadow: 0 1.5px 0 0 currentcolor;
-    }
 }
 
-[data-darkreader-scheme="dark"] nav {
-    a {
-        color: darkslategrey;
-    }
+nav a:hover:not(.active) {
+    color: cadetblue;
 
-    .active {
+    box-shadow: 0 1.5px 0 0 currentcolor;
+}
+
+
+[data-darkreader-scheme="dark"] nav a {
+    color: darkslategrey;
+}
+
+[data-darkreader-scheme="dark"] nav .active {
     color: white;
     box-shadow: 0 1.5px 0 0 currentcolor;
-    }
 }
-