added logo

Author: inexorableace

src/css/main.css

@@ -5,6 +5,7 @@
     --white: #d9d9d9;
     --blue: #95b8d1;
     --green: #c0fe04;
+    --red: #fc0a5f;
 }
 *{
     box-sizing: border-box;
@@ -45,6 +46,9 @@ html, body{
 #grid > div.blue{
     background: var(--blue);
 }
+#grid > div.red{
+    background: var(--red);
+}
 #grid > div.topRight{
     border-top-right-radius: 50px;
 }

src/scripts/main.js

@@ -44,6 +44,32 @@ setInterval(function(){
         let shape = shapes[Math.floor(Math.random()*shapes.length)];
         cell.classList.remove(...cell.classList)
         cell.classList.add(color, shape)
+
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 21){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'topLeft')
+        }
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 22){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'topRight')
+        }
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 23){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'topRight')
+        }
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 26){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'bottomLeft')
+        }
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 27){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'bottomLeft')
+        }
+        if ((intervalCount >= 9 && intervalCount <= 12) && i == 28){
+            cell.classList.remove(...cell.classList);
+            cell.classList.add('red', 'bottomLeft')
+        }
     }
+    
 }, 1000)