*{
	padding:0px;
	margin:0px;
}
.part1{
	/* background-image: url("./img/beautiful-shining-stars-night-sky.jpg"); */
	/* background-repeat:no-repeat; */
	/* background-size:cover; */
	color:white;
	width:100%;
	height:679px;
	position:relative;
	background-color:#00001A;
}
.orbit{
	background-color:transparent;
	border:1px dotted white;
	height:660px;
	width:660px;
	border-radius:100%;
	position:fixed;
	top:1%;
	left:25%;
	animation: spin 10s infinite linear;
	position:absolute;
}
.orbit2{
	background-color:transparent;
	border:1px dotted white;
	height:570px;
	width:570px;
	border-radius:100%;
	position:fixed;
	top:7.3%;
	left:28.4%;
	animation: spin 13s infinite linear;
	position:absolute;
}
.orbit3{
	background-color:transparent;
	border:1px dotted white;
	height:480px;
	width:480px;
	border-radius:100%;
	position:fixed;
	top:14%;
	left:32%;
	animation: spin 15s infinite linear;
	position:absolute;
}
.orbit4{
	background-color:transparent;
	border:1px dotted white;
	height:390px;
	width:390px;
	border-radius:100%;
	position:fixed;
	top:21%;
	left:35.5%;
	animation: spin 13s infinite linear;
	position:absolute;
}
.orbit5{
	background-color:transparent;
	border:1px dotted white;
	height:300px;
	width:300px;
	border-radius:100%;
	position:fixed;
	top:28%;
	left:39%;
	animation: spin 10s infinite linear;
	position:absolute;
}
.orbit6{
	background-color:transparent;
	border:1px dotted white;
	height:210px;
	width:210px;
	border-radius:100%;
	position:fixed;
	top:35%;
	left:42.4%;
	animation: spin 8s infinite linear;
	position:absolute;
}
.orbit7{
	background-color:transparent;
	border:1px dotted white;
	height:140px;
	width:140px;
	border-radius:100%;
	position:fixed;
	top:40%;
	left:45%;
	animation: spin 10s infinite linear;
	position:absolute;
}
.orbit8{
	background-color:transparent;
	border:1px dotted white;
	height:80px;
	width:80px;
	border-radius:100%;
	position:fixed;
	top:44.5%;
	left:47.3%;
	animation: spin 7s infinite linear;
	position:absolute;
}
.orbit9{
	background-color:transparent;
	border:none;
	height:40px;
	width:40px;
	border-radius:100%;
	position:fixed;
	top:16%;
	left:-4%;
	position:absolute;
	animation: spin 7s infinite linear;
	position:absolute;
}
.img3{
	height:10px;
	width:10px;
	border-radius:50px;
}
.moon{
	position:absolute;
	top:%;
	animation: spin 4s infinite linear;
}
.marcury{
	position:absolute;
	top:0%;
	animation: spin 5s infinite linear;
}
@keyframes spin {
  from  {transform: rotateZ(0deg);};
  to 	{transform: rotateZ(360deg);};
}
.venus{
	position:absolute;
	top:13%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.Earth{
	position:absolute;
	top:20%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.mars{
	position:absolute;
	top:26%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.Jupiter{
	position:absolute;
	top:29%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.saturn{
	position:absolute;
	top:30%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.uranus{
	position:absolute;
	top:33%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.neptun{
	position:absolute;
	top:34%;
	animation: spin 4s infinite linear;
}
@keyframes spin {
  from { transform: rotateZ(0deg);};
  to { transform: rotateZ(360deg);};
}
.sun{
	background-color:transparent;
	height:50px;
	width:50px;
	border-radius:100%;
	position:fixed;
	top:47%;
	left:48.5%;
	animation: spin 7s infinite linear;
	position:absolute;
}
@keyframes spin {
  from { transform: rotateZ(0deg);}
  to { transform: rotateZ(360deg);}
}
.img{
	height:25px;
	width:25px;
	border-radius:50px;
}
.img2{
	height:30px;
	width:30px;
	border-radius:50px;
}
.sun img{
	height:50px;
	width:50px;
	border-radius:50px;
}
.info{
	background-color:#00001A;
	width:100%;
	padding:5% 0px 5px 0px;
}
.box{
	background-color:#FACC15;
	width:50%;
	height:250px;
	margin:0px 0px 30px 25%;
	border-radius:20px;
	transition:Transform 1s;
}
.box:hover{
	Transform:scale(1.1,1.1);
}
.left{
	float:left;
	background-color:;
	gap:1%;
	width:45%;
	height:250px;
}
.right{
	float:left;
	background-color:;
	gap:1%;
	width:50%;
	height:250px;
	padding:5px 10px 0px 0px;
	color:#0F172A;
}
.box div img{
	height:200px;
	width:200px;
	margin:25px 0px 0px 45px;
	border-radius:10px;
}
.box div h1{
	margin-left:18%;
}
.box div li{
	margin:10px 0px 10px 0px;
	font-weight:bold;
}