The orbit is too big


#1

I was trying to make the earth's orbit around the sun smaller, but I couldn't find out how, so if you know how, please tell me!


#2

In earth orbit in css, the width and height of the orbit can be changed to make it smaller


#3

Where at do I adjust it ?


#4

This is my earth orbit code:

earth-orbit {

/* For Section #2 */
position:absolute;
top:50%;
left:50%;

width:270px;
height:270px;
margin-top:-186px;
margin-left:-186px;

border width:2px;
border-style:dotted;
border-color:white;
border-radius:50%;

-webkit-animation: spin-right 12s linear infinite;
-moz-animation: spin-right 12s linear infinite;
-ms-animation: spin-right 12s linear infinite;
-o-animation: spin-right 12s linear infinite;
animation: spin-right 12s linear infinite;}

Where there is width and height in the 6th and 7th line inside the earth-orbit, if you change the values of px there this will affect the size of the orbit. The bigger the number, the bigger the orbit.