/*
replace html, body with what background area you want to animate
*/
header {
    /* replace colors to what you would like. */
    background: -webkit-linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    background: linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    /*overflow: auto;*/
    background-size: 200% 100% !important;
    -webkit-animation: move 90s ease infinite;
    animation: move 90s ease infinite;
    }
h2 {
   margin-top: 0;
   margin-bottom: 0;
    /* replace colors to what you would like. */
    background: -webkit-linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    background: linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    overflow: auto;
   background-size: 200% 100% !important;
    -webkit-animation: move 90s ease infinite;
    animation: move 90s ease infinite;
    }

marquee {
    /* replace colors to what you would like. */
    background: -webkit-linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    background: linear-gradient(45deg, #acd6f5 10%, #be85e1 90%);
    /*overflow: auto;*/
    background-size: 200% 100% !important;
    -webkit-animation: move 90s ease infinite;
    animation: move 90s ease infinite;
    }



/* this is where the magic happens */
@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
    
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

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