Update static/style.css
Browse files- static/style.css +4 -3
static/style.css
CHANGED
@@ -82,7 +82,7 @@ button:hover {
|
|
82 |
mix-blend-mode: overlay;
|
83 |
}
|
84 |
/* Footer with wave-like pattern */
|
85 |
-
footer {
|
86 |
padding: 20px 0;
|
87 |
background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);
|
88 |
background-size: 300% 300%;
|
@@ -90,6 +90,7 @@ footer {
|
|
90 |
text-align: center;
|
91 |
color: white;
|
92 |
}
|
|
|
93 |
@keyframes gradient-and-color-animation {
|
94 |
0% {
|
95 |
background-color: blue; /* Example color */
|
@@ -105,7 +106,7 @@ footer {
|
|
105 |
}
|
106 |
}
|
107 |
|
108 |
-
|
109 |
padding: 20px 0;
|
110 |
background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);
|
111 |
background-size: 300% 300%;
|
@@ -113,7 +114,7 @@ footer {
|
|
113 |
text-align: center;
|
114 |
color: white;
|
115 |
}
|
116 |
-
|
117 |
/* Media queries for responsiveness */
|
118 |
@media (max-width: 768px) {
|
119 |
/* Adjust styles for smaller screens */
|
|
|
82 |
mix-blend-mode: overlay;
|
83 |
}
|
84 |
/* Footer with wave-like pattern */
|
85 |
+
/*footer {
|
86 |
padding: 20px 0;
|
87 |
background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);
|
88 |
background-size: 300% 300%;
|
|
|
90 |
text-align: center;
|
91 |
color: white;
|
92 |
}
|
93 |
+
*/
|
94 |
@keyframes gradient-and-color-animation {
|
95 |
0% {
|
96 |
background-color: blue; /* Example color */
|
|
|
106 |
}
|
107 |
}
|
108 |
|
109 |
+
footer {
|
110 |
padding: 20px 0;
|
111 |
background-image: linear-gradient(45deg, #ff00ab, #002bff, #00ffd5, #48ff00, #fffb00, #ff7300, #ff0000);
|
112 |
background-size: 300% 300%;
|
|
|
114 |
text-align: center;
|
115 |
color: white;
|
116 |
}
|
117 |
+
|
118 |
/* Media queries for responsiveness */
|
119 |
@media (max-width: 768px) {
|
120 |
/* Adjust styles for smaller screens */
|