body {
    background: #970000;
    background: linear-gradient(-45deg, #970000, #cb0000, #7c0000, #5d0e0e);
    background-size: 400% 400%;
    min-height: 100vh;
    height: 100%;
}

@media not prefers-reduced-motion and (max-width: 768px) {
    body {
        animation: gradient 15s ease infinite;
    }
}

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