Changed error style

Team293 · Feb 12, 2024 · f97906c · f97906c
1 parent 06149b3
commit f97906c
Showing 1 changed file with 5 additions and 12 deletions.
diff --git a/style.css b/style.css
@@ -5,8 +5,8 @@
     --background: #111;
     --header: #444;
     --result: #0f0;
-    --error: #f80;
-    --error-passive: #ff880088;
+    --error: #c00;
+    --error-bg: #22222288;
 }
 
 body {
@@ -52,19 +52,12 @@ input {
     display: grid;
     grid-template-rows: repeat(2, auto);
     border-radius: 5%;
-}
-
-@keyframes error {
-    0% {background-color: var(--error-passive);}
-    90% {background-color: var(--error-passive);}
-    100% {background-color: var(--error);}
+    border: 3px solid transparent;
 }
 
 .robot.error {
-    animation-name: error;
-    animation-duration: 1.5s;
-    animation-direction: alternate;
-    animation-iteration-count: infinite;
+    border: 3px solid var(--error);
+    background-color: var(--error-bg);
 }
 
 .data-input {