44 lines
930 B
CSS
44 lines
930 B
CSS
/* Reset default margin and ensure full viewport coverage */
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background: linear-gradient(
|
|
30deg,
|
|
#50C878, /* green */
|
|
#7FFFD4, /* aqua */
|
|
#87CEEB, /* light blue */
|
|
#00008B, /* dark blue */
|
|
#800080, /* purple */
|
|
#50C878, /* green */
|
|
#7FFFD4, /* aqua */
|
|
#87CEEB, /* light blue */
|
|
#00008B, /* dark blue */
|
|
#800080, /* purple */
|
|
#50C878 /* green */
|
|
);
|
|
background-size: 1000% 1000%;
|
|
animation: gradient 120s ease infinite;
|
|
}
|
|
|
|
/* Gradient animation keyframes */
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
100% {
|
|
background-position: 200% 50%;
|
|
}
|
|
}
|
|
|
|
/* Optional: styling for centered content */
|
|
.content {
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: white;
|
|
font-family: sans-serif;
|
|
font-size: 2rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
|
}
|