@keyframes scale{
	0%		{transform: scale(0);}
	90%		{transform: scale(2.5);}
	100% 	{transform: scale(3);}
/*
	0%		{opacity:1; height: ;}
	75%		{opacity: .90}
	100%	{opacity:0; height:;}*/
}
body{
	background-color: whitesmoke;

}
main{
	text-align: center;
}

section{
	width: 300px;
	height: 100px;
	animation: scale 6s infinite;
	float: left ;
	transform: transform 2s;
	border-radius: 50%;
	background-color: black;
	margin-left: 40vw;
animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
animation-direction: alternate;

}
article{
	width: 200px;
	height: 50px;
	animation: scale 6s infinite;
	float:  ;
	transform: transform 2s;
	animation-timing-function: ease-in;
	border-radius: 50%;
	background-color: whitesmoke;
	margin-left: ;
}

figure{
	width: 80px;
	height: 25px;
	animation: scale 6s infinite;
	float:  ;
	border-radius: 50%;

	animation-timing-function: ease-in;
	border-radius: ;
	background-color: black;
	margin-left: ;
	animation-delay: ;

}
/*can use odd/even instead of (1)
- use another pseudotransition LIKE hover + add transition #s*/