simplify navigation

styles/style.css

@@ -112,9 +112,7 @@ a:focus {
   background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
 }
 
-.account,
-.sections,
-#sections-menu {
+.account {
   font-size: 2rem;
 }
 
@@ -139,27 +137,12 @@ a:focus {
   display: none;
 }
 
-#sections-menu a {
-  margin-bottom: 1rem;
-}
-
-#sections-menu {
-  border: 2px solid var(--border);
-  background-color: var(--bg);
-  position: absolute;
-  bottom: calc(4rem - 2px);
-  left: calc(0px - 2px);
-  align-items: center;
-  padding: 2rem 3rem;
-  display: none;
-}
-
-.sections, #sections-menu {
+nav {
   font-variant: small-caps;
-}
-
-.sections a {
-  margin: 0 1rem 0 0;
+  display: flex;
+  flex-direction: row;
+  gap: 2rem;
+  font-size: 2rem;
 }
 
 button {
@@ -180,7 +163,17 @@ screen and (max-width: 1500px) {
 }
 
 @media screen and (max-width: 1160px) {
-  .sections {
+  nav {
+    flex-direction: column;
+    border: 2px solid var(--border);
+    border-bottom: 0;
+    border-left: 0;
+    background-color: var(--bg);
+    position: absolute;
+    bottom: calc(4rem);
+    left: 0;
+    align-items: center;
+    padding: 2rem 3rem;
     display: none;
   }