Update mindscapes.html

kai9987kai · Nov 8, 2024 · 04a5726 · 04a5726
1 parent ffa02c7
commit 04a5726
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/mindscapes.html b/mindscapes.html
@@ -10,14 +10,14 @@
             font-family: Arial, sans-serif;
             background: linear-gradient(135deg, #0a0f2c, #2c0a3e);
             color: #eaeaea;
-            overflow: hidden;
             height: 100vh;
             display: flex;
             justify-content: center;
             align-items: center;
             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;