.rainbow-bg {
    animation: rainbow-bg 2.5s linear;
    animation-iteration-count: infinite;
}

@keyframes rainbow-bg {

    100%,
    0% {
        background-color: rgba(105, 32, 32, 0.5);
    }

    8% {
        background-color: rgba(97, 70, 43, 0.5);
    }

    16% {
        background-color: rgba(92, 92, 45, 0.5);
    }

    25% {
        background-color: rgba(72, 95, 49, 0.5);
    }

    33% {
        background-color: rgba(55, 107, 55, 0.5);
    }

    41% {
        background-color: rgba(48, 97, 72, 0.5);
    }

    50% {
        background-color: rgba(59, 121, 121, 0.5);
    }

    58% {
        background-color: rgba(48, 74, 99, 0.5);
    }

    66% {
        background-color: rgba(51, 51, 100, 0.5);
    }

    75% {
        background-color: rgba(70, 46, 94, 0.5);
    }

    83% {
        background-color: rgba(109, 47, 109, 0.5);
    }

    91% {
        background-color: rgba(128, 64, 96, 0.5);
    }
}

.top-bg {
    animation: top-bg 2.5s linear;
    animation-iteration-count: infinite;
}

@keyframes top-bg {

    100%,
    0% {
        background-color: rgb(255, 205, 205);
    }

    8% {
        background-color: rgb(255, 233, 210);
    }

    16% {
        background-color: rgb(255, 255, 213);
    }

    25% {
        background-color: rgb(216, 255, 174);
    }

    33% {
        background-color: rgb(197, 255, 197);
    }

    41% {
        background-color: rgb(167, 255, 210);
    }

    50% {
        background-color: rgb(139, 255, 255);
    }

    58% {
        background-color: rgb(148, 203, 255);
    }

    66% {
        background-color: rgb(172, 172, 255);
    }

    75% {
        background-color: rgb(214, 172, 255);
    }

    83% {
        background-color: rgb(255, 169, 255);
    }

    91% {
        background-color: rgb(255, 168, 212);
    }
}