html {
 color-scheme: light;
}
body {
 background-color:#FABFFF;
 background-image: url('../media/sparkles.gif');
 background-repeat: repeat;
 background-position: top left;
 background-size: 500px 500px;
 width: 35em;
 margin: 0 auto;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 text-align: center;
}

.flex {
	align-items: center;
	justify-content: center;
	display: flex;
}

.cycle-colors {
	-webkit-animation: cycle-colors 10s linear 0s infinite normal;
	-moz-animation: cycle-colors 10s linear 0s infinite normal;
	-ms-animation: cycle-colors 10s linear 0s infinite normal;
	animation: cycle-colors 10s linear 0s infinite normal;
}

.c0 { animation-delay: 0s; }
.c1 { animation-delay: -2s; }
.c2 { animation-delay: -4s; }
.c3 { animation-delay: -6s; }
.c4 { animation-delay: -8s; }

@keyframes cycle-colors {
	0%  { color: #F242FF; }
	20% { color: #EF42FF; }
	40% { color: #424CFF; }
	60% { color: #52FF42; }
	80% { color: #FF9A42; }
	100% { color: #F242FF; }
}