* {
	margin:0%;
	padding:0%;
}
.parent {
	height:700px;
	width:100%;
	background-color:black;
	display:flex;
	justify-content:center;
	align-items:center;
}
.child {
	height:600px;
	width:95%;
	background-color:black;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.line1 {
	height:500px;
	width:500px;
	background-color:#424242;
	border-radius:50%;
	position:absolute;
	animation-name:line1;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-delay:0.4s;
	animation-duration:1.5s;
}
@keyframes line1{
	50%{
		transform:scale(1.2)
	}
	100%{
		transform:scale(1)
	}
	
}
.line2 {
	height:400px;
	width:400px;
	background-color:#232323;
	border-radius:50%;
	position:absolute;
	animation-name:line2;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-delay:0.3s;
	animation-duration:1.5s;
}
@keyframes line2 {
	50%{
		transform:scale(1.2)
	}
	100%{
		transform:scale(1)
	}
}
.line3 {
	height:300px;
	width:300px;
	background-color:#2D2D2D;
	border-radius:50%;
	position:absolute;
	animation-name:line3;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-delay:0.2s;
	animation-duration:1.5s;
}
@keyframes line3 {
	50%{
		transform:scale(1.2)
	}
	100%{
		transform:scale(1)
	}
}
.line4 {
	height:200px;
	width:200px;
	background-color:#343434;
	border-radius:50%;
	position:absolute;
	animation-name:line4;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-delay:0.1s;
	animation-duration:1.5s;
}
@keyframes line4 {
	50%{
		transform:scale(1.2)
	}
	100%{
		transform:scale(1)
	}
}
.line5 {
	height:100px;
	width:100px;
	background-color:#424242;
	border-radius:50%;
	position:absolute;
	animation-name:line5;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-duration:1.5s;
}
@keyframes line5 {
	50%{
		transform:scale(1.2)
	}
	100%{
		transform:scale(1)
	}
	
}