body{
    background-color: rgb(0, 0, 0);
}
   #sun{
      position: absolute;
      width: 70px;
      height: 68px;
      left: 47%;
      top: 45%;
      border-radius: 60px;
      background-color: rgb(255, 196, 0);
      box-shadow: 10px 10px 100px 100px rgb(235, 235, 78);
  }
  #orbit1{
      position: absolute;
      position: absolute;
      width: 129px;
      height: 129px;
      left: 44.8%;
      top: 40.5%;
      border: 1px solid white;
      border-radius: 65px;
     
  }
  #orbit2{
      position: absolute;
      position: absolute;
      width: 189px;
      height: 187px;
      left: 42.8%;
      top: 36.1%;
      border: 1px solid white;
      border-radius: 178px;
  }
  #orbit3{
      position: absolute;
      position: absolute;
      width: 249px;
      height: 249px;
      left: 40.7%;
      top: 31.5%;
      border: 1px solid white;
      border-radius: 178px;
  }
  #orbit4{
      position: absolute;
      position: absolute;
      width: 299px;
      height: 299px;
      left: 38.9%;
      top: 28%;
      border: 1px solid white;
      border-radius: 178px;
  }
  #orbit5{
      position: absolute;
      position: absolute;
      width: 399px;
      height: 399px;
      left: 35.4%;
      top: 20.6%;
      border: 1px solid white;
      border-radius: 208px;
  }
  #orbit6{
      position: absolute;
      width: 479px;
      height: 479px;
      left: 32.65%;
      top: 14.9%;
      border: 1px solid white;
      border-radius: 298px;
  }
  #orbit7{
      position: absolute;
      width: 569px;
      height: 569px;
      left: 29.5%;
      top: 8.2%;
      border: 1px solid white;
      border-radius: 298px;
  }
  #orbit8{
      position: absolute;
      width: 643px;
      height: 643px;
      left: 27%;
      top: 2.5%;
      border: 1px solid white;
      border-radius: 348px;
  }
  #mars{
      position: absolute;
      width: 20px;
      height: 20px;
      left: 17%;
      border-radius: 50px;
      background-color: rgb(104, 6, 6);
  }
  #mercury{
      position: absolute;
      width: 15px;
      height: 15px;
      left: 5%;
      border-radius: 50px;
      background-color: rgb(85, 57, 47);
  }
  #moon{
      position: absolute;
      width: 6px;
      height: 6px;
      left: -35%;
      border-radius: 50px;
      background-color: rgb(255, 255, 255);
  }
  #m1{
      position: absolute;
      width: 13px;
      height: 13px;
      top: 0%;
      left: 105%;
      border-radius: 50px;
      background-color: rgb(230, 175, 113);
  }
  #m2{
      position: absolute;
      width: 12px;
      height: 12px;
      top: -20%;
     left: -20%;
      border-radius: 50px;
      background-color: rgb(131, 90, 14);
  }
  #m3{
      position: absolute;
      width: 5px;
      height: 5px;
      left: -20%;
      top: 30%;
      border-radius: 60px;
      background-color: rgb(160, 146, 67);
  }
  #m4{
      position: absolute;
      width: 10px;
      height: 10px;
      left: 30%;
       top: 85%;
      border-radius: 50px;
      background-color: rgb(255, 255, 255);
  }
  #venus{
      position: absolute;
      width: 23px;
      height: 23px;
      top: 80%;
      left: 19%;
      border-radius: 50px;
      background-color: rgb(128, 72, 8);
  }
  #earth{
      position: absolute;
      width: 30px;
      height: 30px;
      top: 80%;
      left: 19%;
      border-radius: 50px;
      background-color: rgb(3, 90, 141);
  }
  #uranus{
      position: absolute;
      width: 38px;
      height: 38px;
      top: 80%;
      left: 11%;
      border-radius: 50px;
      background-color: rgb(6, 251, 198);
  }
  #neptune{
      position: absolute;
      width: 34px;
      height: 34px;
      top: 50%;
      left: -2%;
      border-radius: 50px;
      background-color: rgb(21, 72, 102);
  }
  #jupiter{
      position: absolute;
      width: 68px;
      height: 68px;
      top: 80%;
      left: 16.2%;
      border-radius: 50px;
      background-color: rgb(223, 172, 90);
  }
  #ring{
      position: absolute;
      width: 68px;
      height: 68px;
      top: -53%;
      left: -18.2%;
      border-radius: 50px;
    border: 2.2px solid rgb(131, 54, 2);
  }
  #saturn{
      position: absolute;
      width: 51px;
      height: 51px;
      top: 80%;
      left: 11.8%;
      border-radius: 50px;
      background-color: rgb(184, 117, 11);
  }
  #strip1{
      position: absolute;
      width: 64px;
      height: 10px;
      left: 1.5%;
      background: rgb(161, 10, 10);
      border-radius: 10px;
  }
  #strip2{
      position: absolute;
      width: 64px;
      height: 10px;
      left: 3%;
      top: 35%;
      background: rgb(133, 4, 4);
      border-radius: 10px;
  }
  #info{
      position: absolute;
      right: 3%;
      top:-2%;
      font-size: 40px;
      color: white;
      cursor: pointer;
  }