:root{
    color: silver;
    background-color: #000;

    --backGroundColor: transparent;
    --borderColor: darkred;
    --elipseColor: #777;
      /* SUN */
      --sun_Rotation:    609s;
      --sunFrom: orange;
      --sunTo: darkred;
      /* merkur */
      --merkur_Rotation:  1407s;
      --merkur_Orbit:     3s;
      --merkur_DistToSun: 5.79px;
      --merkur:5px;
      --merkur_From: PaleGoldenrod;
      --merkur_To: DarkKhaki;
      /* venus */
      --venus_Rotation:  5832s;
      --venus_Orbit:     4.105714286s;
      --venus_DistToSun: 10.82px;
      --venus: 28px;
      --venus_From: BurlyWood;
      --venus_To: 	LemonChiffon ;
      /* earth */
      --earth_Rotation:  24s;
      --earth_Orbit:     4.822147651s;
      --earth_DistToSun: 14.96px;
      --earth: 30px;
      --earth_From: steelblue;
      --earth_To: #303030;
      /* mars */
      --mars_Rotation:   24.5s;
      --mars_Orbit:      5.962655602s; 
      --mars_DistToSun:  22.79px;
      --mars_From: Peru;
      --mars_To: Brown;
      /* jupiter */
      --jupiter_Rotation: 10s;
      --jupiter_Orbit:    10.96946565s;
      --jupiter_DistToSun: 77.83px;
      --jupiter_From: steelblue;
      --jupiter_To: SaddleBrown;
      /* saturn */
      --saturn_Rotation:  10.5s;
      --saturn_Orbit:     14.81443299s;
      --saturn_DistToSun: 142.9px;
      --saturn_From: BurlyWood;
      --saturn_To: #333;
      /* uranus */
      --uranus_Rotation:  17.25s;
      --uranus_Orbit:     21.13235294s;
      --uranus_DistToSun: 287.5px;
      --uranus_From: lightgray;
      --uranus_To: Aquamarine;
      /* neptun */
      --neptun_Rotation:  16s;
      --neptun_Orbit:     26.61111111s; 
      --neptun_DistToSun: 450.4px;
      --neptun_From: lightsteelblue;
      --neptun_To: steelblue;
  
      --fromColor: steelblue;
      --toColor: #303030;
  
      /* --rotation: 2s; */
      /* --orbit: 10s; */
  
}

.center{
    top:50%;
    left:50%;
    margin: auto;
}