update

project/static/main.css

@@ -11,7 +11,7 @@
   
   /* Crystal Clear Glass - slightly more transparent for "cool" factor */
   --bg-card: rgba(255, 255, 255, 0.82); 
-  --bg-navbar: rgba(255, 255, 255, 0.88); 
+  --bg-navbar: rgba(255, 255, 255, 0.747); 
 
   /* Crisp Typography */
   --text-main: #2d3436; 
@@ -102,11 +102,10 @@ a {
 /* Mobile Nav Menu Style */
 @media (max-width: 991px) {
   .navbar-collapse {
-    background: white;
+    background: rgb(255, 255, 255);
     margin-top: 1rem;
     padding: 1rem;
     border-radius: 15px;
-    box-shadow: var(--shadow-md);
   }
 }
 
@@ -239,4 +238,24 @@ a {
     height: 90px;
     width: 90px;
   }
+}
+
+/* Style for the actual Hamburger Button */
+.navbar-toggler {
+  border: none;
+  background: rgba(108, 92, 231, 0.1); /* Subtle purple glass tint */
+  backdrop-filter: blur(5px);
+  padding: 8px;
+  border-radius: 10px;
+  transition: var(--transition-cubic);
+}
+
+.navbar-toggler:focus {
+  box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.2);
+  outline: none;
+}
+
+/* Make the 3-line icon purple to match your accent */
+.navbar-toggler-icon {
+  filter: invert(45%) sepia(50%) saturate(3000%) hue-rotate(220deg) brightness(95%) contrast(90%);
 }