Create important keyframes for animation in .araclar

resources/css/keyframes.scss

@@ -1,3 +1,5 @@
+@use "variables";
+
 @keyframes fullscreen-image-appear {
   from {
     opacity: 0;
@@ -30,3 +32,23 @@
     opacity: 0;
   }
 }
+
+@keyframes important {
+  0% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
+
+  50% {
+    transform: scale(1.02);
+    text-shadow: variables.$clr_dark 0 0 20px;
+    color: #FFFFFF;
+  }
+
+  100% {
+    transform: scale(1);
+    text-shadow: black 0 0 0;
+    color: white;
+  }
+}