Update static/style.css

static/style.css

@@ -90,7 +90,30 @@ footer {
   text-align: center;
   color: white;
 }
+@keyframes gradient-and-color-animation {
+    0% {
+        background-color: blue; /* Example color */
+        background-position: 0% 50%;
+    }
+    50% {
+        background-color: green; /* Example color */
+        background-position: 100% 50%;
+    }
+    100% {
+        background-color: red; /* Example color */
+        background-position: 0% 50%;
+    }
+}
 
+/* footer {
+    padding: 20px 0;
+    background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);
+    background-size: 300% 300%;
+    animation: gradient-and-color-animation 15s ease infinite;
+    text-align: center;
+    color: white;
+}
+*/
 /* Media queries for responsiveness */
 @media (max-width: 768px) {
   /* Adjust styles for smaller screens */