#footer {
    background: linear-gradient(135deg, #2E2B1F, #CCBA70);
    background-size: 400% 400%;
    animation: footerGradient 12s ease infinite;
   text-align: center;
}

@keyframes footerGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}