*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: black;
}
.tiezerq{
    width: 900px;
    height: 700px;
    /* outline: 1px solid red; */
    margin: 0 auto;
    margin-top: 200px;
    position: relative;
}
.arev{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 408px;
    top: 203px;
    animation-name: arev;
    animation-duration: 75s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes arev{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor1{
    width: 100px;
    height: 100px;
    outline: 1px solid white;
    border-radius: 50%;
    position: fixed;
    position: absolute;
    left: 392px;
    top: 188px;
    animation-name: klor1;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor1{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.merkuri1{
    width: 35px;
    height: 20px;
    position: absolute;
    top: 90px;
    left: 38px;
    animation-name: merkuri;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes merkuri{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}

}
.klor2{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: 140px;
    left: 344px;
    animation-name: klor2;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor2{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.venus1{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 118px;
    left: 185px;
    animation-name: venus;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes venus{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.div3{
    width: 30px;
    height: 20px;
    /* outline: 1px solid red; */
    position: absolute;
    top: -11px;
    left: 133px;
    animation-name: klor3;
    animation-duration: 20s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes div3{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}

@keyframes klor3{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor3{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: 95px;
    left: 295px;
    animation-name: klor3;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.erkir1{
    width: 25px;
    height: 25px;
    animation-name: erkir;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes erkir{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.lusin1{
    width: 5px;
    height: 5px;
    animation-name: lusin;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes lusin{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor4{
    width: 400px;
    height: 400px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: 43px;
    left: 245px;
    animation-name: klor4;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor4{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.mars1{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 125px;
    left: 0px;
    animation-name: mars;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes mars{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor5{
    width: 500px;
    height: 500px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: -10px;
    left: 193px;
    animation-name: klor5;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor5{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.eupiter1{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 255px;
    animation-name: eupiter;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes eupiter{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor6{
    width: 600px;
    height: 600px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: -55px;
    left: 140px;
    animation-name: klor6;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor6{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.saturn1{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 380px;
    left: 555px;
    animation-name: saturn;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes saturn{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor7{
    width: 700px;
    height: 700px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: -100px;
    left: 90px;
    animation-name: klor7;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor7{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.uranus1{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 645px;
    left: 175px;
    animation-name: uranus;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes uranus{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.klor8{
    width: 800px;
    height: 800px;
    border-radius: 50%;
    outline: 1px solid white;
    position: absolute;
    top: -150px;
    left: 35px;
    animation-name: klor8;
    animation-duration: 50s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes klor8{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.neptun1{
    width: 40px;
    height: 40px;
    animation-name: neptun;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes neptun{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.pluton1{
    width: 5px;
    height: 5px;
    animation-name: pluton;
    animation-duration: 15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes pluton{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}
.div8{
    width: 50px;
    height: 40px;
    /* outline: 1px solid red; */
    position: absolute;
    top: 355px;
    left: -20px;
    animation-name: div8;
    animation-duration: 20s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes div8{
    100%{background-color: rgba(0, 255, 255, 0);transform: rotate(720deg);}
}