add neon style

css/neon.css

@@ -0,0 +1,45 @@
+.mino {
+    background: rgba(255, 255, 255, 10%);
+    border: 5px solid;
+    padding: 0;
+    opacity: 100%;
+    border-radius: 4px;
+    filter: blur(1px)
+}
+
+.I.mino {
+    border-color: #9bf6ff;
+}
+
+.J.mino {
+    border-color: #a0c4ff;
+}
+
+.L.mino {
+    border-color: #ffd6a5;
+}
+
+.O.mino {
+    border-color: #fdffb6;
+}
+
+.T.mino {
+    border-color: #bdb2ff;
+}
+
+.S.mino {
+    border-color: #caffbf;
+}
+
+.Z.mino {
+    border-color: #ffadad;
+}
+
+.locked.mino {
+    border-color: white;
+    filter: blur(2px);
+}
+
+.ghost.mino {
+    filter: brightness(150%) blur(2px);
+}

index.html

@@ -8,7 +8,8 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
     <link href="css/common.css" rel="stylesheet">
     <link href="css/99.css" rel="stylesheet" title="99">
-    <link href="css/effect.css" rel="alternate stylesheet" title="Effect">
+    <link href="css/effect.css" rel="alternate stylesheet" title="Effet">
+    <link href="css/neon.css" rel="alternate stylesheet" title="Néon">
     <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">