rainbow link hover village theme

a:hover {
    transition: 500ms ease;
    letter-spacing: 2px;
color: {color:links hover};
background: linear-gradient(to left, {color:links 1}, {color:links 2} 100%);
background-position: 0 100%;
background-size: 100% 2px;
background-repeat: repeat-x;
-webkit-animation:rainbow 1.2s infinite;
-ms-animation:rainbow 1.2s infinite;
-o-animation:rainbow 1.2s infinite;
animation:rainbow 1.2s infinite;
}

@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}