1 files changed, 22 insertions, 12 deletions
diff --git a/src/assets/index.css b/src/assets/index.css
index 7984af2..3d04fb2 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -22,7 +22,7 @@
      :any-link:active {
         font-style: italic;
     }
-    #menu {
+    .topnav {
         background: darkred;
         text-decoration: none;
         font-weight: bold;
@@ -30,23 +30,33 @@
         padding: 1rem;
         font-size: 1rem;
     }
-    @media (max-width: 450px) {
-        #menu a {
-            display: block;
-            text-align: center;
-            margin: auto;
-            padding: 20px;
-        }
-    }
-    #menu :any-link {
-        text-decoration: none;
+    #nav-toogle,
+    .topnav a {
         margin-right: 1rem;
         padding-left: 0rem;
         padding-right: 0rem;
     }
-    #menu :any-link:hover {
+    .topnav :any-link {
+        text-decoration: none;
+    }
+    .topnav :any-link:hover {
         text-decoration: none;
     }
+    @media (max-width: 450px) {
+        #nav-toogle,
+        .topnav a {
+            display: block;
+            margin: auto;
+            text-align: center;
+            padding: 16px;
+        }
+        .topnav .navlinks {
+            display: none;
+        }
+        .topnav .navlinks.navopen {
+            display: block
+        }
+    }
     .err {
         color: darkred;
     }