diff --git a/src/sass/general.scss b/src/sass/general.scss
index 761415d..e11840f 100644
--- a/src/sass/general.scss
+++ b/src/sass/general.scss
@@ -355,8 +355,26 @@ button.clear-input {
     height: -webkit-fill-available;
     display: flex;
     position: absolute;
-    background-color: rgba(255,255,255,0.6);
+    background-color: rgba(255, 255, 255, 0.6);
     left: 0;
     top: 0;
     z-index: 9999;
 }
+.fadeIn {
+    opacity: 0;
+    animation: fadeIn 1.8s forwards;
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    30% {
+        opacity: 0.6;
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}