diff --git a/mindscapes.html b/mindscapes.html
index 30c7c52..57cc69b 100644
--- a/mindscapes.html
+++ b/mindscapes.html
@@ -10,7 +10,6 @@
             font-family: Arial, sans-serif;
             background: linear-gradient(135deg, #0a0f2c, #2c0a3e);
             color: #eaeaea;
-            overflow: hidden;
             height: 100vh;
             display: flex;
             justify-content: center;
@@ -18,6 +17,7 @@
             transition: background-color 3s ease;
             animation: colorShift 10s infinite alternate;
             perspective: 800px;
+            overflow: hidden;
         }
         @keyframes colorShift {
             0% { background: #0a0f2c; }
@@ -26,11 +26,11 @@
         .container {
             text-align: center;
             max-width: 800px;
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
+            position: relative;
             z-index: 1;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
         }
         h1, p, .interactive-box, canvas {
             transition: transform 0.1s ease, box-shadow 0.1s ease;
@@ -53,7 +53,10 @@
             border-radius: 10px;
             box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
             width: 400px;
-            height: 900px; /* Increased height to fit extra canvas */
+            height: auto; /* Set height to auto for dynamic sizing */
+            display: flex;
+            flex-direction: column;
+            align-items: center;
         }
         .button {
             padding: 12px 24px;