@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap');

body {
    font-family: 'Bricolage Grotesque', sans-serif !important;
}

.background-animate {
    background-size: 400%;

    animation: AnimationName 5s ease infinite;
}

.background-animate-slow {
    background-size: 400%;

    animation: AnimationName 10s ease infinite;
}

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