diff --git a/tailwind.config.js b/tailwind.config.js
index ff48818cbe8639b10e036feefb2a11415a2d50ed..abe363ca68d682e6127eb145197317c59e9df11d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,28 @@ export default {
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      animation: {
+        clouds: 'clouds 20s linear infinite',
+        beach: 'beach 5s linear infinite',
+        flame: 'flame 0.3s linear infinite',
+      },
+      keyframes: {
+        clouds: {
+          '0%': { backgroundPosition: '0%' },
+          '100%': { backgroundPosition: '-100%' },
+        },
+        beach: {
+          '0%': { backgroundPosition: '0%' },
+          '100%': { backgroundPosition: '-100%' },
+        },
+        
+        flame: {
+          '0%, 100%': { transform: 'translateX(0%)' },
+          '50%': { transform: 'translateX(50%)' },
+        },
+      }
+    },
   },
   plugins: [],
 }
\ No newline at end of file