* {
	margin:0%;
	padding:0%;
}


.bigimg {
	height:1000px;
	width:100%;
	background-color:black;
	background-image:url('');
}
.parent {
	height:900px;
	width:100%;
	background-color:black;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	background-image:url('https://images.unsplash.com/photo-1518066000714-58c45f1a2c0a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGFuZHJvbWVkYSUyMGdhbGF4eXxlbnwwfHwwfHx8MA%3D%3D');
}
.child {
	height:800px;
	width:90%;
	margin:auto;
	background-color:black;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	background-image:url('https://images.unsplash.com/photo-1518066000714-58c45f1a2c0a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGFuZHJvbWVkYSUyMGdhbGF4eXxlbnwwfHwwfHx8MA%3D%3D');

}
.sun {
	height:130px;
	width:11%;
	background-color:black;
	border-radius:90px;
	position:absolute;
	animation:sun 50s linear infinite;
}
@keyframes sun{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit {
	height:180px;
	width:180px;
	border:1px dashed white;
	border-radius:50%;
	animation:orbit 20s linear infinite;
	position:absolute;
}
@keyframes orbit {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit2 {
	height:250px;
	width:250px;
	border:1px dashed white;
	border-radius:50%;
	animation:orbit2 25s linear infinite;
	position:absolute;
	animation-name:orbit2;
}
@keyframes orbit2 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit3 {
	height:320px;
	width:320px;
	border:1px dashed white;
	border-radius:50%;
	animation:orbit3 30s linear infinite;
	position:absolute;
} 
@keyframes orbit3 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.moonorbit {
	height:90px;
	width:90px;
	border:1px dashed white;
	border-radius:50%;
	animation:moonorbit 30s linear infinite;
	left:16%;
	bottom:80%;
	position:absolute;	
}
@keyframes moonorbit {
	from {transform: rotate(360deg);}
	to {transform: rotate(0deg);}
}

.orbit4 {
	height:390px;
	width:390px;
	border:1px dashed white;
	border-radius:50%;
	animation:orbit4 35s linear infinite;
	position:absolute;
} 
@keyframes orbit4 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit5 {
	height:460px;
	width:460;
	border:1px dashed white;
	border-radius:50%;
	animation:orbit5 40s linear infinite;
	position:absolute;
} 
@keyframes orbit5 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit6 {
	height:530px;
	width:530px;
	border:1px dashed white ;
	border-radius:50%;
	animation:orbit6 45s linear infinite;
	position:absolute;
} 
@keyframes orbit6 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit7{
	height:600px;
	width:600px;
	border:1px dashed white ;
	border-radius:50%;
	animation:orbit7 50s linear infinite;
	position:absolute;
} 
@keyframes orbit7 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit8 {
	height:670px;
	width:670px;
	border:1px dashed white ;
	border-radius:50%;
	animation:orbit8 55s linear infinite;
	position:absolute;
} 
@keyframes orbit8{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.orbit9 {
	height:740px;
	width:740px;
	border:1px dashed white ;
	border-radius:50%;
	animation:orbit9 60s linear infinite;
	position:absolute;
} 
@keyframes orbit9{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}