rainbow text

<style>
@keyframes slide {
0% {
background-position-x: 0%;
}
100% {
background-position-x: 300vw;
}
}
body {
margin: 0;
overflow: hidden;
color: white;
}
.rainbow {
background-size: 300vw 300vw;

margin: 0;
position: relative;
text-align: -webkit-center;
font-size: 3em;
background: repeating-linear-gradient(-45deg, red 0%, yellow 7.14%, #0f0 14.28%, #0ff 21.42%, cyan 28.56%, blue 35.7%, magenta 42.84%, red 50%);

-webkit-animation: 'slide' 10s infinite linear forwards;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>