horizontal scroll fixed

Author: ravixalgorithm

index.html

@@ -19,7 +19,7 @@
             --color-primary: #00C9B1; /* Vibrant Teal/Green */
             --color-secondary: #008D79; /* Darker Teal */
             --color-background-base: #0A0A0A; /* Very dark base background */
-            --color-glass-bg: rgba(255, 255, 255, 0.05); /* More transparent, lighter glass background */
+            --color-glass-bg: rgba(255, 255, 255, 0.08); /* More transparent, lighter glass background */
             --color-glass-border: rgba(255, 255, 255, 0.1); /* Subtle white border for glass */
             --color-text-light: #F0F0F0; /* Light text for contrast */
             --color-text-muted: #A0A0A0; /* Muted text for descriptions */
@@ -28,14 +28,18 @@
             --background-patch-color: rgba(0, 201, 177, 0.12); /* Slightly more opaque color for blurred patches */
         }
 
+        /* Ensure HTML and Body always hide horizontal overflow */
+        html, body {
+            overflow-x: hidden; /* Strongly prevent horizontal scroll */
+        }
+
         body {
             font-family: 'Space Grotesk', sans-serif; /* Apply Space Grotesk font */
             background-color: var(--color-background-base); /* Solid dark background */
             color: var(--color-text-light);
             transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
             min-height: 100vh;
             position: relative; /* Needed for patches */
-            overflow-x: hidden; /* Prevent horizontal scroll from patches */
         }
 
         /* Common styles for background patches */
@@ -45,6 +49,10 @@
             border-radius: 50%;
             z-index: -1; /* Send behind content */
             pointer-events: none; /* Do not interfere with clicks */
+            /* Ensure patches don't directly cause overflow by being excessively large relative to viewport */
+            /* Using vw for width to scale with viewport, max-width to prevent excessive growth */
+            max-width: 100vw;
+            max-height: 100vh;
         }
 
         /* Custom glassmorphism effect for all relevant elements */