.loader {
	animation: loader 4s linear infinite;
	text-align: center;
	line-height: 100vh;
}
.dot1 {
	animation: dot1 2s linear infinite;
}
.dot2 {
	animation: dot2 2s linear infinite;
}
.dot3 {
	animation: dot3 2s linear infinite;
}

@keyframes loader {
	0% {font-size: 1em;}
	50% {font-size: 2em;}
	100% {font-size: 1em;}
}
@keyframes dot1 {
	0%   {color: white;}
	16%  {color: black;}
	66%  {color: white;}
	100%  {color: white;}
}
@keyframes dot2 {
	0%   {color: white;}
	32%  {color: black;}
	82%  {color: white;}
	100%  {color: white;}
}
@keyframes dot3 {
	0%   {color: white;}
	48%  {color: black;}
	100%  {color: white;}
}