Better

.idea/workspace.xml

@@ -60,7 +60,7 @@
       <updated>1679674447095</updated>
       <workItem from="1679674448294" duration="3278000" />
       <workItem from="1679754546660" duration="3762000" />
-      <workItem from="1679776338023" duration="5301000" />
+      <workItem from="1679776338023" duration="5626000" />
     </task>
     <servers />
   </component>

StartPage.js

@@ -4,11 +4,13 @@ function showMobileMenuBar()
 {
     if(!menuActive) {
         document.getElementById("mobileMenuBar").style.display = "block";
+        document.getElementById("mobileMenuBarButton").style.backgroundColor = "rgba(198, 119, 70, 0.5)";
         menuActive = true;
     }
     else
     {
         document.getElementById("mobileMenuBar").style.display = "none";
+        document.getElementById("mobileMenuBarButton").style.backgroundColor = "rgba(198, 119, 70, 0)";
         menuActive = false;
     }
 }

index.html

@@ -34,7 +34,7 @@
         </ul>
 
         <!--Mobile-->
-        <button onclick="showMobileMenuBar()">
+        <button onclick="showMobileMenuBar()" id="mobileMenuBarButton">
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots"
                  viewBox="0 0 16 16">
                 <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>

navigationStyle.css

@@ -44,11 +44,6 @@ header button
     cursor: pointer;
 }
 
-header button:hover
-{
-    background-color: rgba(198, 119, 70, 0.5);
-
-}
 
 /*List Element Style (only navigation)*/
 nav li