Fixed menu icon for desktop site

1 files changed, 36 insertions, 2 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 04b914d..6a75b5e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -606,12 +606,46 @@ body {
 
 /* Desktop */
 @media screen and (min-width: 1000px) {
+    :root {
+        --button-size-offset: 20px;
+    }
     body button {
         cursor: pointer;
     }
-    :root {
-        --button-size-offset: 20px;
+
+    #header .menuIcon {
+        width: 80px;
+        height: 80px;
+        margin-top: 80vh;
+        margin-left: 90%;
+        cursor: pointer;
+        gap: 10px;
+    }
+    #header .menuIcon:hover {
+        margin-top: calc(80vh - 10px);
+        margin-left: calc(90% - 10px);
+        width: 100px;
+        height: 100px;
+        gap: 15px;
     }
+    #header .menuIcon div {
+        width: 15px;
+        height: 15px;
+    }
+    #header .menulist {
+        gap: 2%;
+    }
+    #header .menulist img {
+        width: 200px;
+        height: auto;
+    }
+    #header .menulist a {
+        font-size: 35px;
+    }
+    #header .menulist div {
+        cursor: pointer;
+    }
+
     #index {
         margin: 0px;
         padding: 0px;