diff --git a/pages/index.vue b/pages/index.vue
index 6b3fc08..99be0f5 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -66,3 +66,24 @@
 </template>
 
 <script setup lang="ts"></script>
+
+<style lang="css">
+
+body {
+    background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+    background-size: 400% 600% !important;
+    animation: gradient 15s ease infinite;
+}
+
+@keyframes gradient {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+</style>