finished the header

assets/css/compiled/main.css

@@ -1427,10 +1427,6 @@ select {
   z-index: 30;
 }
 
-.z-40 {
-  z-index: 40;
-}
-
 .order-first {
   order: -9999;
 }
@@ -1606,10 +1602,6 @@ select {
   height: 9rem;
 }
 
-.max-h-\[10rem\] {
-  max-height: 10rem;
-}
-
 .max-h-\[5rem\] {
   max-height: 5rem;
 }
@@ -1674,10 +1666,6 @@ select {
   max-width: 48rem;
 }
 
-.max-w-\[10rem\] {
-  max-width: 10rem;
-}
-
 .max-w-\[5rem\] {
   max-width: 5rem;
 }
@@ -3330,16 +3318,16 @@ body:has(#menu-controller:checked) {
     padding-right: 3.5rem;
   }
 
-  .sm\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
+  .sm\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
   .sm\:pt-10 {
     padding-top: 2.5rem;
   }
@@ -3387,12 +3375,6 @@ body:has(#menu-controller:checked) {
     justify-content: flex-start;
   }
 
-  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   .md\:p-\[10vh\] {
     padding: 10vh;
   }

assets/js/appearance.js

@@ -24,6 +24,8 @@ if (document.documentElement.getAttribute("data-auto-appearance") === "true") {
 
 window.addEventListener("DOMContentLoaded", (event) => {
   const switcher = document.getElementById("appearance-switcher");
+  const switcherMobile = document.getElementById("appearance-switcher-mobile");
+
   if (switcher) {
     switcher.addEventListener("click", () => {
       document.documentElement.classList.toggle("dark");
@@ -37,4 +39,17 @@ window.addEventListener("DOMContentLoaded", (event) => {
       localStorage.removeItem("appearance");
     });
   }
+  if (switcherMobile) {
+    switcherMobile.addEventListener("click", () => {
+      document.documentElement.classList.toggle("dark");
+      localStorage.setItem(
+        "appearance",
+        document.documentElement.classList.contains("dark") ? "dark" : "light"
+      );
+    });
+    switcherMobile.addEventListener("contextmenu", (event) => {
+      event.preventDefault();
+      localStorage.removeItem("appearance");
+    });
+  }
 });

assets/js/search.js

@@ -1,7 +1,6 @@
 var fuse;
 var showButton = document.getElementById("search-button");
-var showButtonBasic = document.getElementById("search-button-basic");
-var showButtonHamburger = document.getElementById("search-button-hamburger");
+var showButtonMobile = document.getElementById("search-button-mobile");
 var hideButton = document.getElementById("close-search-button");
 var wrapper = document.getElementById("search-wrapper");
 var modal = document.getElementById("search-modal");
@@ -15,8 +14,7 @@ var hasResults = false;
 
 // Listen for events
 showButton? showButton.addEventListener("click", displaySearch) : null;
-showButtonBasic? showButtonBasic.addEventListener("click", displaySearch) : null;
-showButtonHamburger? showButtonHamburger.addEventListener("click", displaySearch) : null;
+showButtonMobile? showButtonMobile.addEventListener("click", displaySearch) : null;
 hideButton.addEventListener("click", hideSearch);
 wrapper.addEventListener("click", hideSearch);
 modal.addEventListener("click", function (event) {