From 7a2c7365c4ba9895e43c27db761e2a16fbac3198 Mon Sep 17 00:00:00 2001
From: tarampampam <tarampampam@users.noreply.github.com>
Date: Mon, 28 Mar 2022 11:29:19 +0000
Subject: [PATCH] deploy: 873944f90f4597b3c325e51301e00986bde4cd5c

---
 matrix/400.html | 4 ++--
 matrix/401.html | 4 ++--
 matrix/403.html | 4 ++--
 matrix/404.html | 4 ++--
 matrix/405.html | 4 ++--
 matrix/407.html | 4 ++--
 matrix/408.html | 4 ++--
 matrix/409.html | 4 ++--
 matrix/410.html | 4 ++--
 matrix/411.html | 4 ++--
 matrix/412.html | 4 ++--
 matrix/413.html | 4 ++--
 matrix/416.html | 4 ++--
 matrix/418.html | 4 ++--
 matrix/429.html | 4 ++--
 matrix/500.html | 4 ++--
 matrix/502.html | 4 ++--
 matrix/503.html | 4 ++--
 matrix/504.html | 4 ++--
 matrix/505.html | 4 ++--
 20 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/matrix/400.html b/matrix/400.html
index 85aa61b..695cdc0 100644
--- a/matrix/400.html
+++ b/matrix/400.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/401.html b/matrix/401.html
index 36e47e4..f191cc1 100644
--- a/matrix/401.html
+++ b/matrix/401.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/403.html b/matrix/403.html
index caf19c5..acd1bcf 100644
--- a/matrix/403.html
+++ b/matrix/403.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/404.html b/matrix/404.html
index a992503..de2d1e5 100644
--- a/matrix/404.html
+++ b/matrix/404.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/405.html b/matrix/405.html
index be9f241..a5fcff8 100644
--- a/matrix/405.html
+++ b/matrix/405.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/407.html b/matrix/407.html
index b6571c2..d3fdd15 100644
--- a/matrix/407.html
+++ b/matrix/407.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/408.html b/matrix/408.html
index fdbc81e..322f6d4 100644
--- a/matrix/408.html
+++ b/matrix/408.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/409.html b/matrix/409.html
index 767c36f..2e8b585 100644
--- a/matrix/409.html
+++ b/matrix/409.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/410.html b/matrix/410.html
index 50a9554..e3d20b3 100644
--- a/matrix/410.html
+++ b/matrix/410.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/411.html b/matrix/411.html
index 1e60851..96df56b 100644
--- a/matrix/411.html
+++ b/matrix/411.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/412.html b/matrix/412.html
index a2c08e3..ee1f30d 100644
--- a/matrix/412.html
+++ b/matrix/412.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/413.html b/matrix/413.html
index 62e076b..62e1c29 100644
--- a/matrix/413.html
+++ b/matrix/413.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/416.html b/matrix/416.html
index 149203a..113394e 100644
--- a/matrix/416.html
+++ b/matrix/416.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/418.html b/matrix/418.html
index bd11cc5..b3f7230 100644
--- a/matrix/418.html
+++ b/matrix/418.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/429.html b/matrix/429.html
index 64e0f22..4e4b383 100644
--- a/matrix/429.html
+++ b/matrix/429.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/500.html b/matrix/500.html
index 2ed34a8..aaa2041 100644
--- a/matrix/500.html
+++ b/matrix/500.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/502.html b/matrix/502.html
index d7df3e3..525df0b 100644
--- a/matrix/502.html
+++ b/matrix/502.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/503.html b/matrix/503.html
index 59a5929..dc920bb 100644
--- a/matrix/503.html
+++ b/matrix/503.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/504.html b/matrix/504.html
index 8f3789c..7064a8d 100644
--- a/matrix/504.html
+++ b/matrix/504.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;
diff --git a/matrix/505.html b/matrix/505.html
index 31ef9d9..61507f5 100644
--- a/matrix/505.html
+++ b/matrix/505.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
     <style>
-        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(18, 18, 18, 0.05)}
+        :root{--matrix-glyph-size:15px;--matrix-glyph-font-size:15px;--matrix-glyph-front-color:rgba(255, 255, 255, 0.8);--matrix-glyph-tail-color:#0f0;--matrix-overlay-color:rgba(0, 0, 0, 0.12)}
         body,html{margin:0;padding:0;background-color:#000;height:100vh}
         #matrix{display:block;position:fixed;width:100vw;height:100vh}
         .container{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}
@@ -70,7 +70,7 @@
         const ctx = $canvas.getContext('2d');
         ctx.globalCompositeOperation = 'lighter'; // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
 
-        this.redrawInterval = 70; // fade oud speed
+        this.redrawInterval = 90; // fade oud speed
         this.glyphSize = 0;
         this.rowsCapacity = 0;
         this.columnsCapacity = 0;