cabrerizo

*
{
  margin: 0;
  padding: 0;
}

html, body

  {
    width: 100%;
    height: 97hv;
    background-color: black;
  }

  #sun
  {
    position: absolute;
    top: 35%;
    left: 45%;
    background-color: yellow;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: orange 2px solid;
    box-shadow: 0 0 128px red;
  }

  #mercury
  {
    position: absolute;
    top: 0%;
    left: 22%;
    background-color: white;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: gray 2px solid;
    box-shadow: 0 0 20px white;
  }

  #mercury-orbit

  {
    position: absolute;
    top: 32%;
    left: 43.60%;
    width:250px;
    height:250px;
    border-radius: 50%;
    border: white 2px dotted;
    animation: spin-right 2.41s linear infinite;
  }

    #venus
  {
    position: absolute;
    top: 0%;
    left: 15%;
    background-color: pink;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    border: rgb(250, 193, 255) 2px solid;
    box-shadow: 0 0 20px pink;
  }

  #venus-orbit

  {
    position: absolute;
    top: 23.8%;
    left: 39.50%;
    width:400px;
    height:400px;
    border-radius: 50%;
    border: white 2px dotted;
  }


    #earth
  {
    position: absolute;
    top: 15%;
    left: 20%;
    background-color: lightseagreen;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border:  mediumturquoise 2px solid;
    box-shadow: 0 0 20px mediumspringgreen;
  }

   #earth-orbit

  {
    position: absolute;
    top: 12.75%;
    left: 34%;
    width:600px;
    height:600px;
    border-radius: 50%;
    border: white 2px dotted;
  }

   #moon
  {
    position: absolute;
    top: 0%;
    left: 15%;
    background-color: grey;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border:  darkgrey 2px solid;
    box-shadow: 0 0 20px white;
  }
    #moon-orbit

  {
    position: absolute;
    top: 6%;
    left: 7%;
    width:100px;
    height:100px;
    border-radius: 50%;
    border: white 2px dotted;
  }

  @keyframes spin-right
    {
      transform: rotate(360deg);
    }