.kmblue {
    background-image: linear-gradient(75deg, #07BEB8, #122191, #0E175A);
}

.pastelbright {
    background-image: linear-gradient(45deg, #c5e60f, #05a3ca);
}

.rainbow {
    background-image: linear-gradient(90deg, red, yellow, green, teal, blue, hotpink);
}

.slide {
    background-size: 250%;
    animation-name: slide;
    animation-duration: 8s;
    position: relative;
    animation-iteration-count: infinite;
    overflow: hidden;
    animation-timing-function: cubic-bezier();
}
@keyframes slide {
    0% {background-position: left;}
    50% {background-position: right;}
    100% {background-position: left;}
}