Animated, Customizable Color Changing, Gradient Background

animated-gradient-background.css

  body  {
    background: linear-gradient(-45deg,  #cbc49f, #ba8f02, #23a6d5,  #34E89E);
    background-repeat: no-repeat;
    background-attachment: fixed;
    animation: gradient 35s ease infinite;
    height: 100vh;
 }
/*/////  This was written to be applied to the body tag but in theeory will work on any block element.   //////*/

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