@keyframes bgcolor {
    0% {
        background-color: #222e32
    }

    30% {
        background-color: #223333
    }

    60% {
        background-color: #0f6666
    }

    90% {
        background-color: #2596be
    }

    100% {
        background-color: #3F9EB9
    }
}

body {
    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* .linear-gradient {
    background-image: linear-gradient(to bottom, #000077, #65A5FF);
}
.radial-gradient {
    background-image: radial-gradient(#000077, #65A5FF);
}
div {
    width: 100%;
    height: 200px;
} */