@keyframes animate
{
         0%
         {
                 background-position: 0% 100%;
         }
         50%
         {
                 background-position: 100% 0%;
         }
         100%
         {
                 background-position: 0% 100%;
         }
}
.background {
    color: 
    hsl(2, 60%, 20%);
    animation: wheelHueColor 10s infinite;
    background-color: currentColor;
}
.background {
    background-image: linear-gradient(45deg, 
    white 10%,
    black 90%);
    background-blend-mode: overlay;
}
@keyframes wheelHueColor {
     0%{background: hsl(74, 56%, 71%);}
    16%{background: hsl(50, 60%, 81%);}
    25%{background: hsl(147, 60%, 81%);}
    41%{background: hsl(224, 60%, 81%);}
    65%{background: hsl(11, 60%, 81%);}
    81%{background: hsl(50, 60%, 81%);}
   100%{background: hsl(74, 56%, 71%);}
}