body{
	background-color: orange;
}

@keyframes pulsate {
	0%   {transform: scale(1);}
	50%  {transform: scale(1.25);}
	75%	 {transform: scale(.7);}
	100% {transform: scale(.6);}
}

@keyframes fader {
	0%	 {opacity: 1;}
	50%  {opacity: .5;}
	100% {opacity: .8;}
}

circle{
	
}

.st0{
	animation-name: pulsate, fader;
	animation-duration: 10s, 12s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;
}

.st1{
	animation-name: pulsate, fader;
	animation-duration: 30s, 21s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;
}

.st2{
	animation-name: pulsate, fader;
	animation-duration: 7s, 4s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;
}

.st3{
	animation-name: pulsate, fader;
	animation-duration: 13s, 4s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;

}

.st4{
	animation-name: pulsate, fader;
	animation-duration: 22s, 32s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;

}

.st5{
	animation-name: pulsate, fader;
	animation-duration: 28s, 9s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;

}

.st6{
	animation-name: pulsate, fader;
	animation-duration: 3s, 10s;
	animation-iteration-count: infinite, infinite;
	transform-origin: 50%;
}