body{
	height: 100%;
	animation-name: back-animation;
	animation-duration: 90s;
	animation-direction: normal;
	animation-iteration-count: infinite;

}
.circle_container{
	width: 100vw;
	height: 100vh;
	display:flex;
	justify-content:center;
	align-items:center;

}
.circle{
	margin-top: 0;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	border:4px solid white;
	position: absolute;
	opacity: 0;
}

.show{
	opacity: 1;
	margin-top: 0;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	border:4px solid white;
	position: absolute;
}
.circle-0-animation{
	animation-name: animation-circle-0;
	animation-duration: 4s;
	animation-iteration-count: 1;

}

@keyframes back-animation{
	0%{
		background-color: #a2c3f9;
	}
	50%{
		background-color: #0563ff;
	}
	100%{
		background-color: #a2c3f9;
	}
}
@keyframes animation-circle-0{
	0%{
		width: 30vw;
		height: 30vw;
		opacity: 1;
	}
	100%{
		width: 32vw;
		height: 32vw;
		opacity: .4;
	}
}