max-awesomeheader.css

#header {
    animation-name: hue_span;
    animation-duration: 20s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
}

@keyframes hue_span {
    0% { border-color: #FF6666; } /*hsl(0,42%,100%)*/
    20% { border-color: #FFFF66; } /*hsl(60,42%,100%)*/
    40% { border-color: #66FF66; } /*hsl(120,42%,100%)*/
    60% { border-color: #66FFFF; } /*hsl(180,42%,100%)*/
    80% { border-color: #6666FF; } /*hsl(240,42%,100%)*/
    100% { border-color: #FF66FF; } /*hsl(300,42%,100%)*/
}