style: error animation (#8)

Author: NoeTerrier

src/styles/components/_errormessage.scss

@@ -8,4 +8,23 @@
   font-weight: 500;
   text-align: center;
   width: 100%;
+  animation: vibrate 0.1s;
+  animation-iteration-count: 3;
 }
+
+$pixelPath: 2px;
+
+@keyframes vibrate {
+  0% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-$pixelPath);
+  }
+  75% {
+    transform: translateX($pixelPath);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}