.colorfont{
    font-size: 20px;

    background-image:  -webkit-linear-gradient(left, blue,
    #66ffff 10%, #cc00ff 20%,
    #CC00CC 30%, #CCCCFF 40%,
    #00FFFF 50%, #CCCCFF 60%,
    #CC00CC 70%, #CC00FF 80%,
    #66FFFF 90%, blue 100%);
    background-size: 200% 100%;

    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

    animation: masked-animation 4s linear infinite;
}

@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100% 0;
    }
}

.hairfont{
    font-size: 20px;
    color:#58C3E0;
}