diff --git a/frontend/index.html b/frontend/index.html
index 1ece61c..bfbbee0 100755
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -45,6 +45,7 @@
             },
             animation: {
               'slow-ping': 'ping 2s cubic-bezier(0, 0, 0.2, 1) infinite',
+              'fade-in': 'fadeIn 0.3s ease-out',
             },
             keyframes: {
               ping: {
@@ -53,6 +54,10 @@
                   opacity: '0'
                 }
               },
+              fadeIn: {
+                '0%': { opacity: '0', transform: 'translateY(8px)' },
+                '100%': { opacity: '1', transform: 'translateY(0)' },
+              },
             }
           },
         },