From 2924da3290c7fce0598fe1d86cc039ec81941669 Mon Sep 17 00:00:00 2001
From: philipp <philipp.proff@gmx.de>
Date: Thu, 7 Dec 2023 12:07:06 +0100
Subject: [PATCH] better burger

---
 style.css | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/style.css b/style.css
index 08adf32..f597905 100644
--- a/style.css
+++ b/style.css
@@ -161,30 +161,34 @@ a[href^="#"] {
 .right{
     right: 5vw;
 }
-#burger{
+#menu, #burger{
     position: fixed;
-    left: 1%;
-    top: 1em;
+    left: 1em;
+    text-align: left;
     z-index: 5;
     color: var(--font);
     pointer-events: all;
+    font-size: 1em;
+}
+#burger{
+    top: 1em;
 }
 #menu{
-    position: fixed;
-    left: 1%;
-    top: 4em;
-    z-index: 5;
-    color: var(--font);
-    pointer-events: all;
-    font-size: 0.8em;
-    cursor: pointer;
+    top: 3em;
     display: none;
+    padding: 0.5em;
+}
+#menu p {
+    margin: 0;
+    padding: 0.2em;
 }
-#menu p:hover{
+#menu p:hover, #burger:hover{
     text-decoration: underline;
+    cursor: pointer;
 }
 #menu.active{
     display: block;
+    background-color: var(--background-content);
 }
 #menu .active{
     font-weight: bold;
@@ -227,6 +231,12 @@ a[href^="#"] {
     #caption{
         flex-direction: column;
     }
+    #menu,#burger{
+        left: unset;
+        right: 1em;
+        text-align: right;
+        font-size: 2em;
+    }
 }
 @media (prefers-color-scheme: dark) {
     body{