Update static/style 2.css

static/style 2.css

@@ -91,13 +91,14 @@ button:hover {
     left: 0;
     right: 0;
     bottom: 0;
-    animation: colorChange 10s infinite;
+    animation: colorAndScaleChange 10s infinite;
     mix-blend-mode: overlay; /* Adjust blending mode as needed */
     z-index: 1;
 }
 .background-container > *:not(.color-overlay) {
     position: relative;
     z-index: 2;
+    overflow: hidden; /* To contain the scaling of the overlay */
 }
 @keyframes colorChange {
     0% { background-color: rgba(255, 0, 0, 0.6); } /* Red with transparency */
@@ -130,6 +131,23 @@ button:hover {
     }
 }
 
+@keyframes colorAndScaleChange {
+    0%, 100% { 
+        background-color: rgba(255, 0, 0, 0.6);
+        transform: scale(1); /* Normal size */
+    }
+    33% { 
+        background-color: rgba(0, 255, 0, 0.6);
+        transform: scale(1.05); /* Slightly larger */
+    }
+    66% { 
+        background-color: rgba(0, 0, 255, 0.6);
+        transform: scale(1.1); /* Even larger */
+    }
+}
+
+
+
 footer {
     padding: 20px 0;
     background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);