/* Define the animation keyframes */
@keyframes newOrleansGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

/* Apply the animated gradient background to the desired element */
body {
margin: 0;
height: 100vh;
background: linear-gradient(45deg, #000000, #4B3300, #8B5E00, #000000);
background-size: 400% 400%;
animation: newOrleansGradient 15s ease infinite;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-family: Arial, sans-serif;
font-size: 2em;
}