.circle{
	position: absolute;
	transform: translate(-50%,-50%);
	background-color: rgba(22,155,204,0.8);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	animation: animate 0.5s linear forwards;
}
@keyframes animate
{
	0%{
		width: 0px;
	    height:0px;
	    opacity: 1;
	}
	70%{
		opacity: 1;
	}
	100%{
		width: 100px;
	    height: 100px;
	    opacity: 0;
	}
}