front: css fix for safari

webapp/src/components/Header/index.css

@@ -14,40 +14,38 @@ nav {
     justify-content: center;
     display: flex;
     flex-wrap: wrap;
-
-    a {
-        color: lightgray;
-        text-decoration: none;
-        transition: .25s ease;
-
-        margin-left: 30px;
-        margin-right: 30px;
-        padding: 0.25rem 1rem;
-    }
-
-    .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 {
+nav a {
-    a {
+    color: lightgray;
-        color: darkslategrey;
+    text-decoration: none;
-    }
+    transition: .25s ease;
 
-    .active {
+    margin-left: 30px;
-        color: white; 
+    margin-right: 30px;
-        box-shadow: 0 1.5px 0 0 currentcolor;
+    padding: 0.25rem 1rem;
-    }
 }
 
+nav .active {
+    color: white;
+    border-radius: 2px;
+    background-color: cadetblue;
+    opacity: 80%;
+    padding: 0.25rem 1rem;
+}
+
+nav a:hover:not(.active) {
+    color: cadetblue;
+
+    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;
+}