blinking text

<style>
@font-face {
font-family: Pixelated MS Sans Serif;
src:url(ms_sans_serif.woff) format("woff");
src:url(ms_sans_serif.woff2) format("woff2");
}

#blinking {
font-family: Pixelated MS Sans Serif;
font-size: 1.75em;
font-weight: bold;
text-align: center;
animation: rainbow 1s infinite;
}

@keyframes rainbow {
0% {
color: #577481;
}

25% {
color: #577481;
}

50% {
color: #a9c2d4;
}

75% {
color: #b4cdd6;
}

100% {
color: #d0d2d3;
}
}

</style>
<div id="blinking">USERNAME</div>