make sure the letters are clearly legible and the words are moving even slower and make sure that each word is independent from the other words

index.html

@@ -107,12 +107,13 @@
             width: 100%;
             height: 100%;
             z-index: -1;
-            opacity: 0.25;
+            opacity: 0.35;
         }
         .matrix-text {
             color: #6366f1;
-            font-family: 'Courier New', monospace;
-            text-shadow: 0 0 10px rgba(99, 102, 241, 0.8);
+            font-family: 'Inter', monospace;
+            font-weight: 600;
+            text-shadow: 0 0 15px rgba(99, 102, 241, 0.9);
         }
 .dark-glass {
             background: rgba(17, 24, 39, 0.8);
@@ -750,11 +751,12 @@
             'eligibility_trace'
         ];
         let matrixSketch = function(p) {
-            let fontSize = 18;
+            let fontSize = 20;
             let columns;
             let drops = [];
             let chars = [];
-            let dropSpeed = 0.3;
+            let dropSpeed = 0.15; // Much slower speed
+            let individualSpeeds = []; // Independent speeds for each column
 
             p.setup = function() {
                 let canvas = p.createCanvas(p.windowWidth, p.windowHeight);
@@ -762,54 +764,58 @@
                 columns = Math.floor(p.width / fontSize);
                 
                 for (let i = 0; i < columns; i++) {
-                    drops[i] = Math.floor(p.random(-50, 0));
+                    drops[i] = Math.floor(p.random(-100, 0)); // Start higher up
                     chars[i] = [];
-                    for (let j = 0; j < 15; j++) {
+                    individualSpeeds[i] = p.random(0.1, 0.25); // Different speed for each column
+                    for (let j = 0; j < 20; j++) {
                         chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                     }
                 }
             };
 
             p.draw = function() {
-                p.background(17, 24, 39, 20);
+                p.background(17, 24, 39, 15); // Even slower fade for clearer trails
                 
                 for (let i = 0; i < drops.length; i++) {
                     let currentY = drops[i] * fontSize;
                     let text = chars[i][Math.floor(drops[i]) % chars[i].length];
                     
-                    // Main text with blue color and glow effect
+                    // Main text with enhanced readability
                     p.push();
-                    p.drawingContext.shadowBlur = 20;
-                    p.drawingContext.shadowColor = 'rgba(99, 102, 241, 0.8)';
-                    p.fill(99, 102, 241, 220);
+                    p.drawingContext.shadowBlur = 25;
+                    p.drawingContext.shadowColor = 'rgba(99, 102, 241, 0.9)';
+                    p.fill(99, 102, 241, 255); // Full opacity for main text
                     p.textSize(fontSize);
+                    p.textStyle(p.BOLD);
                     p.text(text, i * fontSize, currentY);
                     p.pop();
                     
-                    // Trail with indigo glow
+                    // Enhanced trail with better visibility
                     p.push();
-                    p.drawingContext.shadowBlur = 15;
-                    p.drawingContext.shadowColor = 'rgba(129, 140, 248, 0.6)';
-                    for (let j = 1; j < 4; j++) {
+                    p.drawingContext.shadowBlur = 20;
+                    p.drawingContext.shadowColor = 'rgba(129, 140, 248, 0.7)';
+                    for (let j = 1; j < 6; j++) { // Longer trail
                         if (currentY - j * fontSize > 0) {
                             let trailY = currentY - j * fontSize;
-                            let trailOpacity = 180 - (j * 40);
-                            p.fill(129, 140, 248, trailOpacity);
-                            p.textSize(fontSize - (j * 0.5));
+                            let trailOpacity = 255 - (j * 35); // Slower fade
+                            p.fill(129, 140, 248, Math.max(trailOpacity, 50));
+                            p.textSize(fontSize - (j * 0.3)); // Slower size reduction
+                            p.textStyle(p.NORMAL);
                             let trailText = chars[i][(Math.floor(drops[i]) - j) % chars[i].length];
                             p.text(trailText, i * fontSize, trailY);
                         }
                     }
                     p.pop();
                     
-                    // Random reset with slower frequency
-                    if (currentY > p.height && Math.random() > 0.985) {
-                        drops[i] = Math.floor(p.random(-30, 0));
+                    // Random reset with even slower frequency
+                    if (currentY > p.height && Math.random() > 0.995) {
+                        drops[i] = Math.floor(p.random(-50, 0));
+                        individualSpeeds[i] = p.random(0.1, 0.25); // Reset and randomize speed
                         for (let j = 0; j < chars[i].length; j++) {
                             chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                         }
                     }
-                    drops[i] += dropSpeed;
+                    drops[i] += individualSpeeds[i]; // Use individual speed for each column
                 }
             };
 
@@ -818,10 +824,12 @@
                 columns = Math.floor(p.width / fontSize);
                 drops = [];
                 chars = [];
+                individualSpeeds = [];
                 for (let i = 0; i < columns; i++) {
-                    drops[i] = Math.floor(p.random(-50, 0));
+                    drops[i] = Math.floor(p.random(-100, 0));
                     chars[i] = [];
-                    for (let j = 0; j < 15; j++) {
+                    individualSpeeds[i] = p.random(0.1, 0.25);
+                    for (let j = 0; j < 20; j++) {
                         chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                     }
                 }