changed animations

client/src/components/EventPreview/index.module.scss

@@ -3,7 +3,6 @@
 .link {
     text-decoration: none;
     color: black !important;
-    animation: animate-in 0.3s ease;
 }
 .createdSpan {
     text-align: right;
@@ -46,13 +45,3 @@
     max-height: 30px;
     border-radius: 7px;
 }
-@keyframes animate-in {
-    from {
-        opacity: 0;
-        transform: translateY(20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0px);
-    }
-}

client/src/components/EventPreviewEdit/index.module.scss

@@ -3,20 +3,19 @@
 .link {
     text-decoration: none;
     color: black !important;
-    animation: animate-in 0.3s ease;
 }
 .createdSpan {
     text-align: right;
     font-size: 0.8em;
 }
-.trash{
+.trash {
     text-align: center;
     font-size: 1.6em;
-    background-color:$red;
-    color:white;
-    width:80px;
-    border-radius:10px;
-    cursor:pointer;
+    background-color: $red;
+    color: white;
+    width: 80px;
+    border-radius: 10px;
+    cursor: pointer;
 }
 .item {
     text-align: left;
@@ -55,13 +54,3 @@
     max-height: 30px;
     border-radius: 7px;
 }
-@keyframes animate-in {
-    from {
-        opacity: 0;
-        transform: translateY(20px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0px);
-    }
-}

client/src/global.module.scss

@@ -4,4 +4,16 @@
     width: $defaultWidth;
     max-width: $maxWidth;
     margin: auto;
+    animation: animate-in 0.3s ease;
+}
+
+@keyframes animate-in {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0px);
+    }
 }