@charset "UTF_8";

@keyframes grow-and-shrink {
	0%		{transform: scale(0);}
	100%	{transform: scale(1);}
}

div#red-circles div.row div {
	animation-name: grow-and-shrink;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}

div#blue-circles div.row div {
	animation-name: grow-and-shrink;
	animation-duration: 2s;
	animation-delay: 2s;
	animation-fill-mode: backwards;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}