make sure the matrix rain drops slower and the words are slighty bigger and blue & emitting indigo light

index.html

@@ -100,7 +100,6 @@
             height: 100%;
             z-index: -2;
         }
-
         #matrix-canvas {
             position: fixed;
             top: 0;
@@ -108,12 +107,12 @@
             width: 100%;
             height: 100%;
             z-index: -1;
-            opacity: 0.15;
+            opacity: 0.25;
         }
-
         .matrix-text {
-            color: #00ff41;
+            color: #6366f1;
             font-family: 'Courier New', monospace;
+            text-shadow: 0 0 10px rgba(99, 102, 241, 0.8);
         }
 .dark-glass {
             background: rgba(17, 24, 39, 0.8);
@@ -750,12 +749,12 @@
             'advantage_function',
             'eligibility_trace'
         ];
-
         let matrixSketch = function(p) {
-            let fontSize = 14;
+            let fontSize = 18;
             let columns;
             let drops = [];
             let chars = [];
+            let dropSpeed = 0.3;
 
             p.setup = function() {
                 let canvas = p.createCanvas(p.windowWidth, p.windowHeight);
@@ -763,37 +762,54 @@
                 columns = Math.floor(p.width / fontSize);
                 
                 for (let i = 0; i < columns; i++) {
-                    drops[i] = Math.floor(p.random(-100, 0));
+                    drops[i] = Math.floor(p.random(-50, 0));
                     chars[i] = [];
-                    for (let j = 0; j < 20; j++) {
+                    for (let j = 0; j < 15; j++) {
                         chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                     }
                 }
             };
 
             p.draw = function() {
-                p.background(17, 24, 39, 25);
+                p.background(17, 24, 39, 20);
                 
                 for (let i = 0; i < drops.length; i++) {
-                    let text = chars[i][drops[i] % chars[i].length];
-                    p.fill(0, 255, 65, 200);
-                    p.text(text, i * fontSize, drops[i] * fontSize);
+                    let currentY = drops[i] * fontSize;
+                    let text = chars[i][Math.floor(drops[i]) % chars[i].length];
                     
-                    p.fill(0, 255, 65, 50);
-                    for (let j = 1; j < 3; j++) {
-                        if (drops[i] - j >= 0) {
-                            let trailText = chars[i][(drops[i] - j) % chars[i].length];
-                            p.text(trailText, i * fontSize, (drops[i] - j) * fontSize);
+                    // Main text with blue color and glow effect
+                    p.push();
+                    p.drawingContext.shadowBlur = 20;
+                    p.drawingContext.shadowColor = 'rgba(99, 102, 241, 0.8)';
+                    p.fill(99, 102, 241, 220);
+                    p.textSize(fontSize);
+                    p.text(text, i * fontSize, currentY);
+                    p.pop();
+                    
+                    // Trail with indigo glow
+                    p.push();
+                    p.drawingContext.shadowBlur = 15;
+                    p.drawingContext.shadowColor = 'rgba(129, 140, 248, 0.6)';
+                    for (let j = 1; j < 4; j++) {
+                        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 trailText = chars[i][(Math.floor(drops[i]) - j) % chars[i].length];
+                            p.text(trailText, i * fontSize, trailY);
                         }
                     }
+                    p.pop();
                     
-                    if (drops[i] * fontSize > p.height && Math.random() > 0.975) {
-                        drops[i] = 0;
+                    // Random reset with slower frequency
+                    if (currentY > p.height && Math.random() > 0.985) {
+                        drops[i] = Math.floor(p.random(-30, 0));
                         for (let j = 0; j < chars[i].length; j++) {
                             chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                         }
                     }
-                    drops[i]++;
+                    drops[i] += dropSpeed;
                 }
             };
 
@@ -803,16 +819,15 @@
                 drops = [];
                 chars = [];
                 for (let i = 0; i < columns; i++) {
-                    drops[i] = Math.floor(p.random(-100, 0));
+                    drops[i] = Math.floor(p.random(-50, 0));
                     chars[i] = [];
-                    for (let j = 0; j < 20; j++) {
+                    for (let j = 0; j < 15; j++) {
                         chars[i][j] = matrixPhrases[Math.floor(p.random(matrixPhrases.length))];
                     }
                 }
             };
         };
-
-        new p5(matrixSketch);
+new p5(matrixSketch);
 
         // Initialize Feather Icons
         feather.replace();