body{
}

header{
	display: none;
}

@keyframes rotate360{
	0%		{transform: rotate(0deg);fill: EE2C7E;}
	40%		{transform: rotate(360deg)}
	41%		{transform: scale(1.0);}
	50%		{transform: scale(1.3); fill: orange;}
	55%		{transform: scale(1.0);}
	56%		{transform: rotate(360deg);}
	90%		{transform: rotate(0deg);fill: black}
	91%		{transform: scale(1.0);}
	95%		{transform: scale(1.3);fill: EE2C7E;}
	100%	{transform: scale(1.0);}


}

svg{
	width:200px;
	height: 200px;
	animation-name: rotate360;
	animation-iteration-count: 1;
	animation-iteration-count: infinite;
	float: left;
	text-align: center;

}

#pill{
	width: 300px;
	animation-duration: 15s;


}

.st0:hover{
	fill:orange;}

}