1.loader {
2  font-size: 2rem;
3  font-family: sans-serif;
4  font-variant: small-caps;
5  font-weight: 900;
6  background: conic-gradient(
7    #dff2ae 0 25%,
8    #ff904f 25% 50%,
9    #feefe7 50% 75%,
10    #ffde2b 75%
11  );
12  background-size: 200% 200%;
13  animation: animateBackground 4.5s ease-in-out infinite;
14  color: transparent;
15  background-clip: text;
16  -webkit-background-clip: text;
17}
18
19@keyframes animateBackground {
20  25% {
21    background-position: 0 100%;
22  }
23
24  50% {
25    background-position: 100% 100%;
26  }
27
28  75% {
29    background-position: 100% 0%;
30  }
31
32  100% {
33    background-position: 0 0;
34  }
35}
36