.color-change-animation {
    animation: colorChange 2s infinite alternate;
}

@keyframes colorChange {
    0%

{
    background: rgba(89, 74, 226, 1);
}

1.67% {
    background: rgba(95, 69, 224, 1);
}

3.33% {
    background: rgba(101, 64, 222, 1);
}

5% {
    background: rgba(107, 59, 220, 1);
}

6.67% {
    background: rgba(113, 54, 218, 1);
}

8.33% {
    background: rgba(119, 49, 216, 1);
}

10% {
    background: rgba(125, 44, 214, 1);
}

11.67% {
    background: rgba(131, 39, 212, 1);
}

13.33% {
    background: rgba(137, 34, 210, 1);
}

15% {
    background: rgba(143, 29, 208, 1);
}

16.67% {
    background: rgba(149, 24, 206, 1);
}

18.33% {
    background: rgba(155, 19, 204, 1);
}

20% {
    background: rgba(161, 14, 202, 1);
}

21.67% {
    background: rgba(167, 9, 200, 1);
}

23.33% {
    background: rgba(173, 4, 198, 1);
}

25% {
    background: rgba(179, 0, 196, 1);
}

26.67% {
    background: rgba(184, 0, 194, 1);
}

28.33% {
    background: rgba(188, 0, 192, 1);
}

30% {
    background: rgba(193, 0, 190, 1);
}

31.67% {
    background: rgba(197, 0, 188, 1);
}

33.33% {
    background: rgba(202, 0, 186, 1);
}

35% {
    background: rgba(206, 0, 184, 1);
}

36.67% {
    background: rgba(211, 0, 182, 1);
}

38.33% {
    background: rgba(215, 0, 180, 1);
}

40% {
    background: rgba(220, 0, 178, 1);
}

41.67% {
    background: rgba(224, 0, 176, 1);
}

43.33% {
    background: rgba(229, 0, 174, 1);
}

45% {
    background: rgba(233, 0, 172, 1);
}

46.67% {
    background: rgba(238, 0, 170, 1);
}

48.33% {
    background: rgba(242, 0, 168, 1);
}

50% {
    background: rgba(247, 0, 166, 1);
}

51.67% {
    background: rgba(251, 0, 164, 1);
}

53.33% {
    background: rgba(255, 0, 162, 1);
}

55% {
    background: rgba(255, 7, 157, 1);
}

56.67% {
    background: rgba(255, 14, 152, 1);
}

58.33% {
    background: rgba(255, 21, 147, 1);
}

60% {
    background: rgba(255, 28, 142, 1);
}

61.67% {
    background: rgba(255, 35, 137, 1);
}

63.33% {
    background: rgba(255, 42, 132, 1);
}

65% {
    background: rgba(255, 49, 127, 1);
}

66.67% {
    background: rgba(255, 56, 122, 1);
}

68.33% {
    background: rgba(255, 63, 117, 1);
}

70% {
    background: rgba(255, 70, 112, 1);
}

71.67% {
    background: rgba(255, 77, 107, 1);
}

73.33% {
    background: rgba(255, 84, 102, 1);
}

75% {
    background: rgba(255, 91, 97, 1);
}

76.67% {
    background: rgba(255, 98, 92, 1);
}

78.33% {
    background: rgba(255, 105, 87, 1);
}

80% {
    background: rgba(255, 112, 82, 1);
}

81.67% {
    background: rgba(255, 119, 77, 1);
}

83.33% {
    background: rgba(255, 126, 72, 1);
}

85% {
    background: rgba(255, 133, 67, 1);
}

86.67% {
    background: rgba(255, 140, 62, 1);
}

88.33% {
    background: rgba(255, 147, 57, 1);
}

90% {
    background: rgba(255, 154, 52, 1);
}

91.67% {
    background: rgba(255, 161, 47, 1);
}

93.33% {
    background: rgba(255, 168, 42, 1);
}

95% {
    background: rgba(255, 175, 37, 1);
}

96.67% {
    background: rgba(255, 175, 37, 1);
}

98.33% {
    background: rgba(255, 175, 37, 1);
}

100% {
    background: rgba(255, 175, 37, 1);
}

}