only flash wrong row when word not valid

game.js

@@ -43,8 +43,10 @@ function checkGridRow() {
 
     console.log(rowWord)
     if (!wordlist.valid_inputs.includes(rowWord)) {
-        body.classList.add("incorrect")
-        setTimeout( () => body.classList.remove("incorrect"), 500)
+        getGridRow(row).items.forEach(item => {
+          item.HTMLItem.classList.add("incorrect")
+          setTimeout( () => item.HTMLItem.classList.remove("incorrect"), 500)
+        })
         return
     }
 

styles.css

@@ -84,37 +84,37 @@ body {
 
 @keyframes correct {
   0% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
   50% {
     background: var(--green);
   }
   100% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
 }
 
 @keyframes incorrect {
   0% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
   50% {
     background: var(--red);
   }
   100% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
 }
 
 @keyframes clicked {
   0% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
   50% {
-    background: var(--dark-bg);
+    background: var(--bg-lc);
   }
   100% {
-    background: var(--default-bg);
+    background: var(--bg);
   }
 }