console
<div id="book">
<div class="cover">
<h1>The <br> strange <br> story of <br> the Quantum</h1>
<h2>Banesh Hoffmann</h2>
<h3>An account for the general <br> reader of the growth of the ideas <br> underlining our present <br> atomic knowledge</h3>
</div>
<div class="orbit_1">
<div class="satellite_1"></div>
</div>
<div class="orbit_2">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
</div>
<div class="orbit_3">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
</div>
<div class="orbit_4">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
</div>
<div class="orbit_5">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
</div>
<div class="orbit_6">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
</div>
<div class="orbit_7">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
</div>
<div class="orbit_8">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
</div>
<div class="orbit_9">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
</div>
<div class="orbit_10">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
</div>
<div class="orbit_11">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
</div>
<div class="orbit_12">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
</div>
<div class="orbit_13">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
</div>
<div class="orbit_14">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
<div class="satellite_14"></div>
</div>
<div class="orbit_15">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
<div class="satellite_14"></div>
<div class="satellite_15"></div>
</div>
<div class="orbit_16">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
<div class="satellite_14"></div>
<div class="satellite_15"></div>
<div class="satellite_16"></div>
</div>
<div class="orbit_17">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
<div class="satellite_14"></div>
<div class="satellite_15"></div>
<div class="satellite_16"></div>
<div class="satellite_17"></div>
</div>
<div class="orbit_18">
<div class="satellite_1"></div>
<div class="satellite_2"></div>
<div class="satellite_3"></div>
<div class="satellite_4"></div>
<div class="satellite_5"></div>
<div class="satellite_6"></div>
<div class="satellite_7"></div>
<div class="satellite_8"></div>
<div class="satellite_9"></div>
<div class="satellite_10"></div>
<div class="satellite_11"></div>
<div class="satellite_12"></div>
<div class="satellite_13"></div>
<div class="satellite_14"></div>
<div class="satellite_15"></div>
<div class="satellite_16"></div>
<div class="satellite_17"></div>
<div class="satellite_18"></div>
</div>
<div class="hole"></div>
</div>
.orbit_1 {
width: 150px;
height: 150px;
margin: -75px;
border-top-left-radius: 75px;
border-top-right-radius: 75px;
border-bottom-left-radius: 75px;
border-bottom-right-radius: 75px;
-webkit-animation: rotate_1 1s infinite normal linear;
-moz-animation: rotate_1 1s infinite normal linear;
animation: rotate_1 1s infinite normal linear;
}
.orbit_1 .satellite_1 {
-webkit-transform: translateX(150px) translateY(75px) scale(2);
-moz-transform: translateX(150px) translateY(75px) scale(2);
-ms-transform: translateX(150px) translateY(75px) scale(2);
-o-transform: translateX(150px) translateY(75px) scale(2);
transform: translateX(150px) translateY(75px) scale(2);
}
.orbit_1 .satellite_2 {
-webkit-transform: translateX(0px) translateY(75px);
-moz-transform: translateX(0px) translateY(75px);
-ms-transform: translateX(0px) translateY(75px);
-o-transform: translateX(0px) translateY(75px);
transform: translateX(0px) translateY(75px);
}
.orbit_1 .satellite_3 {
-webkit-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-moz-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-ms-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-o-transform: translateX(37.5px) translateY(10.04809px) scale(2);
transform: translateX(37.5px) translateY(10.04809px) scale(2);
}
.orbit_1 .satellite_4 {
-webkit-transform: translateX(75px) translateY(0px);
-moz-transform: translateX(75px) translateY(0px);
-ms-transform: translateX(75px) translateY(0px);
-o-transform: translateX(75px) translateY(0px);
transform: translateX(75px) translateY(0px);
}
.orbit_1 .satellite_5 {
-webkit-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-moz-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-ms-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-o-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
transform: translateX(98.17627px) translateY(3.67076px) scale(2);
}
.orbit_1 .satellite_1 {
-webkit-transform: translateX(150px) translateY(75px) scale(2);
-moz-transform: translateX(150px) translateY(75px) scale(2);
-ms-transform: translateX(150px) translateY(75px) scale(2);
-o-transform: translateX(150px) translateY(75px) scale(2);
transform: translateX(150px) translateY(75px) scale(2);
}
.orbit_1 .satellite_2 {
-webkit-transform: translateX(0px) translateY(75px);
-moz-transform: translateX(0px) translateY(75px);
-ms-transform: translateX(0px) translateY(75px);
-o-transform: translateX(0px) translateY(75px);
transform: translateX(0px) translateY(75px);
}
.orbit_1 .satellite_3 {
-webkit-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-moz-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-ms-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-o-transform: translateX(37.5px) translateY(10.04809px) scale(2);
transform: translateX(37.5px) translateY(10.04809px) scale(2);
}
.orbit_1 .satellite_4 {
-webkit-transform: translateX(75px) translateY(0px);
-moz-transform: translateX(75px) translateY(0px);
-ms-transform: translateX(75px) translateY(0px);
-o-transform: translateX(75px) translateY(0px);
transform: translateX(75px) translateY(0px);
}
.orbit_1 .satellite_5 {
-webkit-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-moz-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-ms-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-o-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
transform: translateX(98.17627px) translateY(3.67076px) scale(2);
}
.orbit_1 .satellite_1 {
-webkit-transform: translateX(150px) translateY(75px) scale(2);
-moz-transform: translateX(150px) translateY(75px) scale(2);
-ms-transform: translateX(150px) translateY(75px) scale(2);
-o-transform: translateX(150px) translateY(75px) scale(2);
transform: translateX(150px) translateY(75px) scale(2);
}
.orbit_1 .satellite_2 {
-webkit-transform: translateX(0px) translateY(75px);
-moz-transform: translateX(0px) translateY(75px);
-ms-transform: translateX(0px) translateY(75px);
-o-transform: translateX(0px) translateY(75px);
transform: translateX(0px) translateY(75px);
}
.orbit_1 .satellite_3 {
-webkit-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-moz-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-ms-transform: translateX(37.5px) translateY(10.04809px) scale(2);
-o-transform: translateX(37.5px) translateY(10.04809px) scale(2);
transform: translateX(37.5px) translateY(10.04809px) scale(2);
}
.orbit_1 .satellite_4 {
-webkit-transform: translateX(75px) translateY(0px);
-moz-transform: translateX(75px) translateY(0px);
-ms-transform: translateX(75px) translateY(0px);
-o-transform: translateX(75px) translateY(0px);
transform: translateX(75px) translateY(0px);
}
.orbit_1 .satellite_5 {
-webkit-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-moz-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-ms-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
-o-transform: translateX(98.17627px) translateY(3.67076px) scale(2);
transform: translateX(98.17627px) translateY(3.67076px) scale(2);
}
.orbit_2 {
width: 190px;
height: 190px;
margin: -95px;
border-top-left-radius: 95px;
border-top-right-radius: 95px;
border-bottom-left-radius: 95px;
border-bottom-right-radius: 95px;
-webkit-animation: rotate_2 2s infinite reverse linear;
-moz-animation: rotate_2 2s infinite reverse linear;
animation: rotate_2 2s infinite reverse linear;
}
.orbit_2 .satellite_1 {
-webkit-transform: translateX(190px) translateY(95px) scale(2);
-moz-transform: translateX(190px) translateY(95px) scale(2);
-ms-transform: translateX(190px) translateY(95px) scale(2);
-o-transform: translateX(190px) translateY(95px) scale(2);
transform: translateX(190px) translateY(95px) scale(2);
}
.orbit_2 .satellite_2 {
-webkit-transform: translateX(0px) translateY(95px);
-moz-transform: translateX(0px) translateY(95px);
-ms-transform: translateX(0px) translateY(95px);
-o-transform: translateX(0px) translateY(95px);
transform: translateX(0px) translateY(95px);
}
.orbit_2 .satellite_3 {
-webkit-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-moz-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-ms-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-o-transform: translateX(47.5px) translateY(12.72759px) scale(2);
transform: translateX(47.5px) translateY(12.72759px) scale(2);
}
.orbit_2 .satellite_4 {
-webkit-transform: translateX(95px) translateY(0px);
-moz-transform: translateX(95px) translateY(0px);
-ms-transform: translateX(95px) translateY(0px);
-o-transform: translateX(95px) translateY(0px);
transform: translateX(95px) translateY(0px);
}
.orbit_2 .satellite_5 {
-webkit-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-moz-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-ms-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-o-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
transform: translateX(124.35661px) translateY(4.64963px) scale(2);
}
.orbit_2 .satellite_1 {
-webkit-transform: translateX(190px) translateY(95px) scale(2);
-moz-transform: translateX(190px) translateY(95px) scale(2);
-ms-transform: translateX(190px) translateY(95px) scale(2);
-o-transform: translateX(190px) translateY(95px) scale(2);
transform: translateX(190px) translateY(95px) scale(2);
}
.orbit_2 .satellite_2 {
-webkit-transform: translateX(0px) translateY(95px);
-moz-transform: translateX(0px) translateY(95px);
-ms-transform: translateX(0px) translateY(95px);
-o-transform: translateX(0px) translateY(95px);
transform: translateX(0px) translateY(95px);
}
.orbit_2 .satellite_3 {
-webkit-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-moz-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-ms-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-o-transform: translateX(47.5px) translateY(12.72759px) scale(2);
transform: translateX(47.5px) translateY(12.72759px) scale(2);
}
.orbit_2 .satellite_4 {
-webkit-transform: translateX(95px) translateY(0px);
-moz-transform: translateX(95px) translateY(0px);
-ms-transform: translateX(95px) translateY(0px);
-o-transform: translateX(95px) translateY(0px);
transform: translateX(95px) translateY(0px);
}
.orbit_2 .satellite_5 {
-webkit-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-moz-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-ms-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-o-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
transform: translateX(124.35661px) translateY(4.64963px) scale(2);
}
.orbit_2 .satellite_1 {
-webkit-transform: translateX(190px) translateY(95px) scale(2);
-moz-transform: translateX(190px) translateY(95px) scale(2);
-ms-transform: translateX(190px) translateY(95px) scale(2);
-o-transform: translateX(190px) translateY(95px) scale(2);
transform: translateX(190px) translateY(95px) scale(2);
}
.orbit_2 .satellite_2 {
-webkit-transform: translateX(0px) translateY(95px);
-moz-transform: translateX(0px) translateY(95px);
-ms-transform: translateX(0px) translateY(95px);
-o-transform: translateX(0px) translateY(95px);
transform: translateX(0px) translateY(95px);
}
.orbit_2 .satellite_3 {
-webkit-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-moz-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-ms-transform: translateX(47.5px) translateY(12.72759px) scale(2);
-o-transform: translateX(47.5px) translateY(12.72759px) scale(2);
transform: translateX(47.5px) translateY(12.72759px) scale(2);
}
.orbit_2 .satellite_4 {
-webkit-transform: translateX(95px) translateY(0px);
-moz-transform: translateX(95px) translateY(0px);
-ms-transform: translateX(95px) translateY(0px);
-o-transform: translateX(95px) translateY(0px);
transform: translateX(95px) translateY(0px);
}
.orbit_2 .satellite_5 {
-webkit-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-moz-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-ms-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
-o-transform: translateX(124.35661px) translateY(4.64963px) scale(2);
transform: translateX(124.35661px) translateY(4.64963px) scale(2);
}
.orbit_3 {
width: 250px;
height: 250px;
margin: -125px;
border-top-left-radius: 125px;
border-top-right-radius: 125px;
border-bottom-left-radius: 125px;
border-bottom-right-radius: 125px;
-webkit-animation: rotate_3 3s infinite normal linear;
-moz-animation: rotate_3 3s infinite normal linear;
animation: rotate_3 3s infinite normal linear;
}
.orbit_3 .satellite_1 {
-webkit-transform: translateX(250px) translateY(125px) scale(2);
-moz-transform: translateX(250px) translateY(125px) scale(2);
-ms-transform: translateX(250px) translateY(125px) scale(2);
-o-transform: translateX(250px) translateY(125px) scale(2);
transform: translateX(250px) translateY(125px) scale(2);
}
.orbit_3 .satellite_2 {
-webkit-transform: translateX(0px) translateY(125px);
-moz-transform: translateX(0px) translateY(125px);
-ms-transform: translateX(0px) translateY(125px);
-o-transform: translateX(0px) translateY(125px);
transform: translateX(0px) translateY(125px);
}
.orbit_3 .satellite_3 {
-webkit-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-moz-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-ms-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-o-transform: translateX(62.5px) translateY(16.74682px) scale(2);
transform: translateX(62.5px) translateY(16.74682px) scale(2);
}
.orbit_3 .satellite_4 {
-webkit-transform: translateX(125px) translateY(0px);
-moz-transform: translateX(125px) translateY(0px);
-ms-transform: translateX(125px) translateY(0px);
-o-transform: translateX(125px) translateY(0px);
transform: translateX(125px) translateY(0px);
}
.orbit_3 .satellite_5 {
-webkit-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-moz-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-ms-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-o-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
transform: translateX(163.62712px) translateY(6.11794px) scale(2);
}
.orbit_3 .satellite_1 {
-webkit-transform: translateX(250px) translateY(125px) scale(2);
-moz-transform: translateX(250px) translateY(125px) scale(2);
-ms-transform: translateX(250px) translateY(125px) scale(2);
-o-transform: translateX(250px) translateY(125px) scale(2);
transform: translateX(250px) translateY(125px) scale(2);
}
.orbit_3 .satellite_2 {
-webkit-transform: translateX(0px) translateY(125px);
-moz-transform: translateX(0px) translateY(125px);
-ms-transform: translateX(0px) translateY(125px);
-o-transform: translateX(0px) translateY(125px);
transform: translateX(0px) translateY(125px);
}
.orbit_3 .satellite_3 {
-webkit-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-moz-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-ms-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-o-transform: translateX(62.5px) translateY(16.74682px) scale(2);
transform: translateX(62.5px) translateY(16.74682px) scale(2);
}
.orbit_3 .satellite_4 {
-webkit-transform: translateX(125px) translateY(0px);
-moz-transform: translateX(125px) translateY(0px);
-ms-transform: translateX(125px) translateY(0px);
-o-transform: translateX(125px) translateY(0px);
transform: translateX(125px) translateY(0px);
}
.orbit_3 .satellite_5 {
-webkit-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-moz-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-ms-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-o-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
transform: translateX(163.62712px) translateY(6.11794px) scale(2);
}
.orbit_3 .satellite_1 {
-webkit-transform: translateX(250px) translateY(125px) scale(2);
-moz-transform: translateX(250px) translateY(125px) scale(2);
-ms-transform: translateX(250px) translateY(125px) scale(2);
-o-transform: translateX(250px) translateY(125px) scale(2);
transform: translateX(250px) translateY(125px) scale(2);
}
.orbit_3 .satellite_2 {
-webkit-transform: translateX(0px) translateY(125px);
-moz-transform: translateX(0px) translateY(125px);
-ms-transform: translateX(0px) translateY(125px);
-o-transform: translateX(0px) translateY(125px);
transform: translateX(0px) translateY(125px);
}
.orbit_3 .satellite_3 {
-webkit-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-moz-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-ms-transform: translateX(62.5px) translateY(16.74682px) scale(2);
-o-transform: translateX(62.5px) translateY(16.74682px) scale(2);
transform: translateX(62.5px) translateY(16.74682px) scale(2);
}
.orbit_3 .satellite_4 {
-webkit-transform: translateX(125px) translateY(0px);
-moz-transform: translateX(125px) translateY(0px);
-ms-transform: translateX(125px) translateY(0px);
-o-transform: translateX(125px) translateY(0px);
transform: translateX(125px) translateY(0px);
}
.orbit_3 .satellite_5 {
-webkit-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-moz-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-ms-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
-o-transform: translateX(163.62712px) translateY(6.11794px) scale(2);
transform: translateX(163.62712px) translateY(6.11794px) scale(2);
}
.orbit_4 {
width: 330px;
height: 330px;
margin: -165px;
border-top-left-radius: 165px;
border-top-right-radius: 165px;
border-bottom-left-radius: 165px;
border-bottom-right-radius: 165px;
-webkit-animation: rotate_4 4s infinite reverse linear;
-moz-animation: rotate_4 4s infinite reverse linear;
animation: rotate_4 4s infinite reverse linear;
}
.orbit_4 .satellite_1 {
-webkit-transform: translateX(330px) translateY(165px) scale(2);
-moz-transform: translateX(330px) translateY(165px) scale(2);
-ms-transform: translateX(330px) translateY(165px) scale(2);
-o-transform: translateX(330px) translateY(165px) scale(2);
transform: translateX(330px) translateY(165px) scale(2);
}
.orbit_4 .satellite_2 {
-webkit-transform: translateX(0px) translateY(165px);
-moz-transform: translateX(0px) translateY(165px);
-ms-transform: translateX(0px) translateY(165px);
-o-transform: translateX(0px) translateY(165px);
transform: translateX(0px) translateY(165px);
}
.orbit_4 .satellite_3 {
-webkit-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-moz-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-ms-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-o-transform: translateX(82.5px) translateY(22.10581px) scale(2);
transform: translateX(82.5px) translateY(22.10581px) scale(2);
}
.orbit_4 .satellite_4 {
-webkit-transform: translateX(165px) translateY(0px);
-moz-transform: translateX(165px) translateY(0px);
-ms-transform: translateX(165px) translateY(0px);
-o-transform: translateX(165px) translateY(0px);
transform: translateX(165px) translateY(0px);
}
.orbit_4 .satellite_5 {
-webkit-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-moz-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-ms-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-o-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
transform: translateX(215.9878px) translateY(8.07567px) scale(2);
}
.orbit_4 .satellite_1 {
-webkit-transform: translateX(330px) translateY(165px) scale(2);
-moz-transform: translateX(330px) translateY(165px) scale(2);
-ms-transform: translateX(330px) translateY(165px) scale(2);
-o-transform: translateX(330px) translateY(165px) scale(2);
transform: translateX(330px) translateY(165px) scale(2);
}
.orbit_4 .satellite_2 {
-webkit-transform: translateX(0px) translateY(165px);
-moz-transform: translateX(0px) translateY(165px);
-ms-transform: translateX(0px) translateY(165px);
-o-transform: translateX(0px) translateY(165px);
transform: translateX(0px) translateY(165px);
}
.orbit_4 .satellite_3 {
-webkit-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-moz-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-ms-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-o-transform: translateX(82.5px) translateY(22.10581px) scale(2);
transform: translateX(82.5px) translateY(22.10581px) scale(2);
}
.orbit_4 .satellite_4 {
-webkit-transform: translateX(165px) translateY(0px);
-moz-transform: translateX(165px) translateY(0px);
-ms-transform: translateX(165px) translateY(0px);
-o-transform: translateX(165px) translateY(0px);
transform: translateX(165px) translateY(0px);
}
.orbit_4 .satellite_5 {
-webkit-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-moz-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-ms-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-o-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
transform: translateX(215.9878px) translateY(8.07567px) scale(2);
}
.orbit_4 .satellite_1 {
-webkit-transform: translateX(330px) translateY(165px) scale(2);
-moz-transform: translateX(330px) translateY(165px) scale(2);
-ms-transform: translateX(330px) translateY(165px) scale(2);
-o-transform: translateX(330px) translateY(165px) scale(2);
transform: translateX(330px) translateY(165px) scale(2);
}
.orbit_4 .satellite_2 {
-webkit-transform: translateX(0px) translateY(165px);
-moz-transform: translateX(0px) translateY(165px);
-ms-transform: translateX(0px) translateY(165px);
-o-transform: translateX(0px) translateY(165px);
transform: translateX(0px) translateY(165px);
}
.orbit_4 .satellite_3 {
-webkit-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-moz-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-ms-transform: translateX(82.5px) translateY(22.10581px) scale(2);
-o-transform: translateX(82.5px) translateY(22.10581px) scale(2);
transform: translateX(82.5px) translateY(22.10581px) scale(2);
}
.orbit_4 .satellite_4 {
-webkit-transform: translateX(165px) translateY(0px);
-moz-transform: translateX(165px) translateY(0px);
-ms-transform: translateX(165px) translateY(0px);
-o-transform: translateX(165px) translateY(0px);
transform: translateX(165px) translateY(0px);
}
.orbit_4 .satellite_5 {
-webkit-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-moz-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-ms-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
-o-transform: translateX(215.9878px) translateY(8.07567px) scale(2);
transform: translateX(215.9878px) translateY(8.07567px) scale(2);
}
.orbit_5 {
width: 350px;
height: 350px;
margin: -175px;
border-top-left-radius: 175px;
border-top-right-radius: 175px;
border-bottom-left-radius: 175px;
border-bottom-right-radius: 175px;
-webkit-animation: rotate_5 5s infinite normal linear;
-moz-animation: rotate_5 5s infinite normal linear;
animation: rotate_5 5s infinite normal linear;
}
.orbit_5 .satellite_1 {
-webkit-transform: translateX(350px) translateY(175px) scale(2);
-moz-transform: translateX(350px) translateY(175px) scale(2);
-ms-transform: translateX(350px) translateY(175px) scale(2);
-o-transform: translateX(350px) translateY(175px) scale(2);
transform: translateX(350px) translateY(175px) scale(2);
}
.orbit_5 .satellite_2 {
-webkit-transform: translateX(0px) translateY(175px);
-moz-transform: translateX(0px) translateY(175px);
-ms-transform: translateX(0px) translateY(175px);
-o-transform: translateX(0px) translateY(175px);
transform: translateX(0px) translateY(175px);
}
.orbit_5 .satellite_3 {
-webkit-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-moz-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-ms-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-o-transform: translateX(87.5px) translateY(23.44555px) scale(2);
transform: translateX(87.5px) translateY(23.44555px) scale(2);
}
.orbit_5 .satellite_4 {
-webkit-transform: translateX(175px) translateY(0px);
-moz-transform: translateX(175px) translateY(0px);
-ms-transform: translateX(175px) translateY(0px);
-o-transform: translateX(175px) translateY(0px);
transform: translateX(175px) translateY(0px);
}
.orbit_5 .satellite_5 {
-webkit-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-moz-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-ms-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-o-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
transform: translateX(229.07797px) translateY(8.56511px) scale(2);
}
.orbit_5 .satellite_1 {
-webkit-transform: translateX(350px) translateY(175px) scale(2);
-moz-transform: translateX(350px) translateY(175px) scale(2);
-ms-transform: translateX(350px) translateY(175px) scale(2);
-o-transform: translateX(350px) translateY(175px) scale(2);
transform: translateX(350px) translateY(175px) scale(2);
}
.orbit_5 .satellite_2 {
-webkit-transform: translateX(0px) translateY(175px);
-moz-transform: translateX(0px) translateY(175px);
-ms-transform: translateX(0px) translateY(175px);
-o-transform: translateX(0px) translateY(175px);
transform: translateX(0px) translateY(175px);
}
.orbit_5 .satellite_3 {
-webkit-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-moz-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-ms-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-o-transform: translateX(87.5px) translateY(23.44555px) scale(2);
transform: translateX(87.5px) translateY(23.44555px) scale(2);
}
.orbit_5 .satellite_4 {
-webkit-transform: translateX(175px) translateY(0px);
-moz-transform: translateX(175px) translateY(0px);
-ms-transform: translateX(175px) translateY(0px);
-o-transform: translateX(175px) translateY(0px);
transform: translateX(175px) translateY(0px);
}
.orbit_5 .satellite_5 {
-webkit-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-moz-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-ms-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-o-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
transform: translateX(229.07797px) translateY(8.56511px) scale(2);
}
.orbit_5 .satellite_1 {
-webkit-transform: translateX(350px) translateY(175px) scale(2);
-moz-transform: translateX(350px) translateY(175px) scale(2);
-ms-transform: translateX(350px) translateY(175px) scale(2);
-o-transform: translateX(350px) translateY(175px) scale(2);
transform: translateX(350px) translateY(175px) scale(2);
}
.orbit_5 .satellite_2 {
-webkit-transform: translateX(0px) translateY(175px);
-moz-transform: translateX(0px) translateY(175px);
-ms-transform: translateX(0px) translateY(175px);
-o-transform: translateX(0px) translateY(175px);
transform: translateX(0px) translateY(175px);
}
.orbit_5 .satellite_3 {
-webkit-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-moz-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-ms-transform: translateX(87.5px) translateY(23.44555px) scale(2);
-o-transform: translateX(87.5px) translateY(23.44555px) scale(2);
transform: translateX(87.5px) translateY(23.44555px) scale(2);
}
.orbit_5 .satellite_4 {
-webkit-transform: translateX(175px) translateY(0px);
-moz-transform: translateX(175px) translateY(0px);
-ms-transform: translateX(175px) translateY(0px);
-o-transform: translateX(175px) translateY(0px);
transform: translateX(175px) translateY(0px);
}
.orbit_5 .satellite_5 {
-webkit-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-moz-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-ms-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
-o-transform: translateX(229.07797px) translateY(8.56511px) scale(2);
transform: translateX(229.07797px) translateY(8.56511px) scale(2);
}
.orbit_6 {
width: 400px;
height: 400px;
margin: -200px;
border-top-left-radius: 200px;
border-top-right-radius: 200px;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 200px;
-webkit-animation: rotate_6 6s infinite reverse linear;
-moz-animation: rotate_6 6s infinite reverse linear;
animation: rotate_6 6s infinite reverse linear;
}
.orbit_6 .satellite_1 {
-webkit-transform: translateX(400px) translateY(200px) scale(2);
-moz-transform: translateX(400px) translateY(200px) scale(2);
-ms-transform: translateX(400px) translateY(200px) scale(2);
-o-transform: translateX(400px) translateY(200px) scale(2);
transform: translateX(400px) translateY(200px) scale(2);
}
.orbit_6 .satellite_2 {
-webkit-transform: translateX(0px) translateY(200px);
-moz-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
}
.orbit_6 .satellite_3 {
-webkit-transform: translateX(100px) translateY(26.79492px) scale(2);
-moz-transform: translateX(100px) translateY(26.79492px) scale(2);
-ms-transform: translateX(100px) translateY(26.79492px) scale(2);
-o-transform: translateX(100px) translateY(26.79492px) scale(2);
transform: translateX(100px) translateY(26.79492px) scale(2);
}
.orbit_6 .satellite_4 {
-webkit-transform: translateX(200px) translateY(0px);
-moz-transform: translateX(200px) translateY(0px);
-ms-transform: translateX(200px) translateY(0px);
-o-transform: translateX(200px) translateY(0px);
transform: translateX(200px) translateY(0px);
}
.orbit_6 .satellite_5 {
-webkit-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-moz-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-ms-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-o-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
transform: translateX(261.8034px) translateY(9.7887px) scale(2);
}
.orbit_6 .satellite_1 {
-webkit-transform: translateX(400px) translateY(200px) scale(2);
-moz-transform: translateX(400px) translateY(200px) scale(2);
-ms-transform: translateX(400px) translateY(200px) scale(2);
-o-transform: translateX(400px) translateY(200px) scale(2);
transform: translateX(400px) translateY(200px) scale(2);
}
.orbit_6 .satellite_2 {
-webkit-transform: translateX(0px) translateY(200px);
-moz-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
}
.orbit_6 .satellite_3 {
-webkit-transform: translateX(100px) translateY(26.79492px) scale(2);
-moz-transform: translateX(100px) translateY(26.79492px) scale(2);
-ms-transform: translateX(100px) translateY(26.79492px) scale(2);
-o-transform: translateX(100px) translateY(26.79492px) scale(2);
transform: translateX(100px) translateY(26.79492px) scale(2);
}
.orbit_6 .satellite_4 {
-webkit-transform: translateX(200px) translateY(0px);
-moz-transform: translateX(200px) translateY(0px);
-ms-transform: translateX(200px) translateY(0px);
-o-transform: translateX(200px) translateY(0px);
transform: translateX(200px) translateY(0px);
}
.orbit_6 .satellite_5 {
-webkit-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-moz-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-ms-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-o-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
transform: translateX(261.8034px) translateY(9.7887px) scale(2);
}
.orbit_6 .satellite_1 {
-webkit-transform: translateX(400px) translateY(200px) scale(2);
-moz-transform: translateX(400px) translateY(200px) scale(2);
-ms-transform: translateX(400px) translateY(200px) scale(2);
-o-transform: translateX(400px) translateY(200px) scale(2);
transform: translateX(400px) translateY(200px) scale(2);
}
.orbit_6 .satellite_2 {
-webkit-transform: translateX(0px) translateY(200px);
-moz-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
}
.orbit_6 .satellite_3 {
-webkit-transform: translateX(100px) translateY(26.79492px) scale(2);
-moz-transform: translateX(100px) translateY(26.79492px) scale(2);
-ms-transform: translateX(100px) translateY(26.79492px) scale(2);
-o-transform: translateX(100px) translateY(26.79492px) scale(2);
transform: translateX(100px) translateY(26.79492px) scale(2);
}
.orbit_6 .satellite_4 {
-webkit-transform: translateX(200px) translateY(0px);
-moz-transform: translateX(200px) translateY(0px);
-ms-transform: translateX(200px) translateY(0px);
-o-transform: translateX(200px) translateY(0px);
transform: translateX(200px) translateY(0px);
}
.orbit_6 .satellite_5 {
-webkit-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-moz-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-ms-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
-o-transform: translateX(261.8034px) translateY(9.7887px) scale(2);
transform: translateX(261.8034px) translateY(9.7887px) scale(2);
}
.orbit_7 {
width: 500px;
height: 500px;
margin: -250px;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
border-bottom-left-radius: 250px;
border-bottom-right-radius: 250px;
-webkit-animation: rotate_7 7s infinite normal linear;
-moz-animation: rotate_7 7s infinite normal linear;
animation: rotate_7 7s infinite normal linear;
}
.orbit_7 .satellite_1 {
-webkit-transform: translateX(500px) translateY(250px) scale(2);
-moz-transform: translateX(500px) translateY(250px) scale(2);
-ms-transform: translateX(500px) translateY(250px) scale(2);
-o-transform: translateX(500px) translateY(250px) scale(2);
transform: translateX(500px) translateY(250px) scale(2);
}
.orbit_7 .satellite_2 {
-webkit-transform: translateX(0px) translateY(250px);
-moz-transform: translateX(0px) translateY(250px);
-ms-transform: translateX(0px) translateY(250px);
-o-transform: translateX(0px) translateY(250px);
transform: translateX(0px) translateY(250px);
}
.orbit_7 .satellite_3 {
-webkit-transform: translateX(125px) translateY(33.49365px) scale(2);
-moz-transform: translateX(125px) translateY(33.49365px) scale(2);
-ms-transform: translateX(125px) translateY(33.49365px) scale(2);
-o-transform: translateX(125px) translateY(33.49365px) scale(2);
transform: translateX(125px) translateY(33.49365px) scale(2);
}
.orbit_7 .satellite_4 {
-webkit-transform: translateX(250px) translateY(0px);
-moz-transform: translateX(250px) translateY(0px);
-ms-transform: translateX(250px) translateY(0px);
-o-transform: translateX(250px) translateY(0px);
transform: translateX(250px) translateY(0px);
}
.orbit_7 .satellite_5 {
-webkit-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-moz-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-ms-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-o-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
transform: translateX(327.25425px) translateY(12.23587px) scale(2);
}
.orbit_7 .satellite_1 {
-webkit-transform: translateX(500px) translateY(250px) scale(2);
-moz-transform: translateX(500px) translateY(250px) scale(2);
-ms-transform: translateX(500px) translateY(250px) scale(2);
-o-transform: translateX(500px) translateY(250px) scale(2);
transform: translateX(500px) translateY(250px) scale(2);
}
.orbit_7 .satellite_2 {
-webkit-transform: translateX(0px) translateY(250px);
-moz-transform: translateX(0px) translateY(250px);
-ms-transform: translateX(0px) translateY(250px);
-o-transform: translateX(0px) translateY(250px);
transform: translateX(0px) translateY(250px);
}
.orbit_7 .satellite_3 {
-webkit-transform: translateX(125px) translateY(33.49365px) scale(2);
-moz-transform: translateX(125px) translateY(33.49365px) scale(2);
-ms-transform: translateX(125px) translateY(33.49365px) scale(2);
-o-transform: translateX(125px) translateY(33.49365px) scale(2);
transform: translateX(125px) translateY(33.49365px) scale(2);
}
.orbit_7 .satellite_4 {
-webkit-transform: translateX(250px) translateY(0px);
-moz-transform: translateX(250px) translateY(0px);
-ms-transform: translateX(250px) translateY(0px);
-o-transform: translateX(250px) translateY(0px);
transform: translateX(250px) translateY(0px);
}
.orbit_7 .satellite_5 {
-webkit-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-moz-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-ms-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-o-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
transform: translateX(327.25425px) translateY(12.23587px) scale(2);
}
.orbit_7 .satellite_1 {
-webkit-transform: translateX(500px) translateY(250px) scale(2);
-moz-transform: translateX(500px) translateY(250px) scale(2);
-ms-transform: translateX(500px) translateY(250px) scale(2);
-o-transform: translateX(500px) translateY(250px) scale(2);
transform: translateX(500px) translateY(250px) scale(2);
}
.orbit_7 .satellite_2 {
-webkit-transform: translateX(0px) translateY(250px);
-moz-transform: translateX(0px) translateY(250px);
-ms-transform: translateX(0px) translateY(250px);
-o-transform: translateX(0px) translateY(250px);
transform: translateX(0px) translateY(250px);
}
.orbit_7 .satellite_3 {
-webkit-transform: translateX(125px) translateY(33.49365px) scale(2);
-moz-transform: translateX(125px) translateY(33.49365px) scale(2);
-ms-transform: translateX(125px) translateY(33.49365px) scale(2);
-o-transform: translateX(125px) translateY(33.49365px) scale(2);
transform: translateX(125px) translateY(33.49365px) scale(2);
}
.orbit_7 .satellite_4 {
-webkit-transform: translateX(250px) translateY(0px);
-moz-transform: translateX(250px) translateY(0px);
-ms-transform: translateX(250px) translateY(0px);
-o-transform: translateX(250px) translateY(0px);
transform: translateX(250px) translateY(0px);
}
.orbit_7 .satellite_5 {
-webkit-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-moz-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-ms-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
-o-transform: translateX(327.25425px) translateY(12.23587px) scale(2);
transform: translateX(327.25425px) translateY(12.23587px) scale(2);
}
.orbit_8 {
width: 550px;
height: 550px;
margin: -275px;
border-top-left-radius: 275px;
border-top-right-radius: 275px;
border-bottom-left-radius: 275px;
border-bottom-right-radius: 275px;
-webkit-animation: rotate_8 8s infinite reverse linear;
-moz-animation: rotate_8 8s infinite reverse linear;
animation: rotate_8 8s infinite reverse linear;
}
.orbit_8 .satellite_1 {
-webkit-transform: translateX(550px) translateY(275px) scale(2);
-moz-transform: translateX(550px) translateY(275px) scale(2);
-ms-transform: translateX(550px) translateY(275px) scale(2);
-o-transform: translateX(550px) translateY(275px) scale(2);
transform: translateX(550px) translateY(275px) scale(2);
}
.orbit_8 .satellite_2 {
-webkit-transform: translateX(0px) translateY(275px);
-moz-transform: translateX(0px) translateY(275px);
-ms-transform: translateX(0px) translateY(275px);
-o-transform: translateX(0px) translateY(275px);
transform: translateX(0px) translateY(275px);
}
.orbit_8 .satellite_3 {
-webkit-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-moz-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-ms-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-o-transform: translateX(137.5px) translateY(36.84301px) scale(2);
transform: translateX(137.5px) translateY(36.84301px) scale(2);
}
.orbit_8 .satellite_4 {
-webkit-transform: translateX(275px) translateY(0px);
-moz-transform: translateX(275px) translateY(0px);
-ms-transform: translateX(275px) translateY(0px);
-o-transform: translateX(275px) translateY(0px);
transform: translateX(275px) translateY(0px);
}
.orbit_8 .satellite_5 {
-webkit-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-moz-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-ms-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-o-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
transform: translateX(359.97967px) translateY(13.45946px) scale(2);
}
.orbit_8 .satellite_1 {
-webkit-transform: translateX(550px) translateY(275px) scale(2);
-moz-transform: translateX(550px) translateY(275px) scale(2);
-ms-transform: translateX(550px) translateY(275px) scale(2);
-o-transform: translateX(550px) translateY(275px) scale(2);
transform: translateX(550px) translateY(275px) scale(2);
}
.orbit_8 .satellite_2 {
-webkit-transform: translateX(0px) translateY(275px);
-moz-transform: translateX(0px) translateY(275px);
-ms-transform: translateX(0px) translateY(275px);
-o-transform: translateX(0px) translateY(275px);
transform: translateX(0px) translateY(275px);
}
.orbit_8 .satellite_3 {
-webkit-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-moz-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-ms-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-o-transform: translateX(137.5px) translateY(36.84301px) scale(2);
transform: translateX(137.5px) translateY(36.84301px) scale(2);
}
.orbit_8 .satellite_4 {
-webkit-transform: translateX(275px) translateY(0px);
-moz-transform: translateX(275px) translateY(0px);
-ms-transform: translateX(275px) translateY(0px);
-o-transform: translateX(275px) translateY(0px);
transform: translateX(275px) translateY(0px);
}
.orbit_8 .satellite_5 {
-webkit-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-moz-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-ms-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-o-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
transform: translateX(359.97967px) translateY(13.45946px) scale(2);
}
.orbit_8 .satellite_1 {
-webkit-transform: translateX(550px) translateY(275px) scale(2);
-moz-transform: translateX(550px) translateY(275px) scale(2);
-ms-transform: translateX(550px) translateY(275px) scale(2);
-o-transform: translateX(550px) translateY(275px) scale(2);
transform: translateX(550px) translateY(275px) scale(2);
}
.orbit_8 .satellite_2 {
-webkit-transform: translateX(0px) translateY(275px);
-moz-transform: translateX(0px) translateY(275px);
-ms-transform: translateX(0px) translateY(275px);
-o-transform: translateX(0px) translateY(275px);
transform: translateX(0px) translateY(275px);
}
.orbit_8 .satellite_3 {
-webkit-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-moz-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-ms-transform: translateX(137.5px) translateY(36.84301px) scale(2);
-o-transform: translateX(137.5px) translateY(36.84301px) scale(2);
transform: translateX(137.5px) translateY(36.84301px) scale(2);
}
.orbit_8 .satellite_4 {
-webkit-transform: translateX(275px) translateY(0px);
-moz-transform: translateX(275px) translateY(0px);
-ms-transform: translateX(275px) translateY(0px);
-o-transform: translateX(275px) translateY(0px);
transform: translateX(275px) translateY(0px);
}
.orbit_8 .satellite_5 {
-webkit-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-moz-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-ms-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
-o-transform: translateX(359.97967px) translateY(13.45946px) scale(2);
transform: translateX(359.97967px) translateY(13.45946px) scale(2);
}
.orbit_9 {
width: 600px;
height: 600px;
margin: -300px;
border-top-left-radius: 300px;
border-top-right-radius: 300px;
border-bottom-left-radius: 300px;
border-bottom-right-radius: 300px;
-webkit-animation: rotate_9 9s infinite normal linear;
-moz-animation: rotate_9 9s infinite normal linear;
animation: rotate_9 9s infinite normal linear;
}
.orbit_9 .satellite_1 {
-webkit-transform: translateX(600px) translateY(300px) scale(2);
-moz-transform: translateX(600px) translateY(300px) scale(2);
-ms-transform: translateX(600px) translateY(300px) scale(2);
-o-transform: translateX(600px) translateY(300px) scale(2);
transform: translateX(600px) translateY(300px) scale(2);
}
.orbit_9 .satellite_2 {
-webkit-transform: translateX(0px) translateY(300px);
-moz-transform: translateX(0px) translateY(300px);
-ms-transform: translateX(0px) translateY(300px);
-o-transform: translateX(0px) translateY(300px);
transform: translateX(0px) translateY(300px);
}
.orbit_9 .satellite_3 {
-webkit-transform: translateX(150px) translateY(40.19238px) scale(2);
-moz-transform: translateX(150px) translateY(40.19238px) scale(2);
-ms-transform: translateX(150px) translateY(40.19238px) scale(2);
-o-transform: translateX(150px) translateY(40.19238px) scale(2);
transform: translateX(150px) translateY(40.19238px) scale(2);
}
.orbit_9 .satellite_4 {
-webkit-transform: translateX(300px) translateY(0px);
-moz-transform: translateX(300px) translateY(0px);
-ms-transform: translateX(300px) translateY(0px);
-o-transform: translateX(300px) translateY(0px);
transform: translateX(300px) translateY(0px);
}
.orbit_9 .satellite_5 {
-webkit-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-moz-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-ms-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-o-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
transform: translateX(392.7051px) translateY(14.68305px) scale(2);
}
.orbit_9 .satellite_1 {
-webkit-transform: translateX(600px) translateY(300px) scale(2);
-moz-transform: translateX(600px) translateY(300px) scale(2);
-ms-transform: translateX(600px) translateY(300px) scale(2);
-o-transform: translateX(600px) translateY(300px) scale(2);
transform: translateX(600px) translateY(300px) scale(2);
}
.orbit_9 .satellite_2 {
-webkit-transform: translateX(0px) translateY(300px);
-moz-transform: translateX(0px) translateY(300px);
-ms-transform: translateX(0px) translateY(300px);
-o-transform: translateX(0px) translateY(300px);
transform: translateX(0px) translateY(300px);
}
.orbit_9 .satellite_3 {
-webkit-transform: translateX(150px) translateY(40.19238px) scale(2);
-moz-transform: translateX(150px) translateY(40.19238px) scale(2);
-ms-transform: translateX(150px) translateY(40.19238px) scale(2);
-o-transform: translateX(150px) translateY(40.19238px) scale(2);
transform: translateX(150px) translateY(40.19238px) scale(2);
}
.orbit_9 .satellite_4 {
-webkit-transform: translateX(300px) translateY(0px);
-moz-transform: translateX(300px) translateY(0px);
-ms-transform: translateX(300px) translateY(0px);
-o-transform: translateX(300px) translateY(0px);
transform: translateX(300px) translateY(0px);
}
.orbit_9 .satellite_5 {
-webkit-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-moz-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-ms-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-o-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
transform: translateX(392.7051px) translateY(14.68305px) scale(2);
}
.orbit_9 .satellite_1 {
-webkit-transform: translateX(600px) translateY(300px) scale(2);
-moz-transform: translateX(600px) translateY(300px) scale(2);
-ms-transform: translateX(600px) translateY(300px) scale(2);
-o-transform: translateX(600px) translateY(300px) scale(2);
transform: translateX(600px) translateY(300px) scale(2);
}
.orbit_9 .satellite_2 {
-webkit-transform: translateX(0px) translateY(300px);
-moz-transform: translateX(0px) translateY(300px);
-ms-transform: translateX(0px) translateY(300px);
-o-transform: translateX(0px) translateY(300px);
transform: translateX(0px) translateY(300px);
}
.orbit_9 .satellite_3 {
-webkit-transform: translateX(150px) translateY(40.19238px) scale(2);
-moz-transform: translateX(150px) translateY(40.19238px) scale(2);
-ms-transform: translateX(150px) translateY(40.19238px) scale(2);
-o-transform: translateX(150px) translateY(40.19238px) scale(2);
transform: translateX(150px) translateY(40.19238px) scale(2);
}
.orbit_9 .satellite_4 {
-webkit-transform: translateX(300px) translateY(0px);
-moz-transform: translateX(300px) translateY(0px);
-ms-transform: translateX(300px) translateY(0px);
-o-transform: translateX(300px) translateY(0px);
transform: translateX(300px) translateY(0px);
}
.orbit_9 .satellite_5 {
-webkit-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-moz-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-ms-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
-o-transform: translateX(392.7051px) translateY(14.68305px) scale(2);
transform: translateX(392.7051px) translateY(14.68305px) scale(2);
}
.orbit_10 {
width: 650px;
height: 650px;
margin: -325px;
border-top-left-radius: 325px;
border-top-right-radius: 325px;
border-bottom-left-radius: 325px;
border-bottom-right-radius: 325px;
-webkit-animation: rotate_10 10s infinite reverse linear;
-moz-animation: rotate_10 10s infinite reverse linear;
animation: rotate_10 10s infinite reverse linear;
}
.orbit_10 .satellite_1 {
-webkit-transform: translateX(650px) translateY(325px) scale(2);
-moz-transform: translateX(650px) translateY(325px) scale(2);
-ms-transform: translateX(650px) translateY(325px) scale(2);
-o-transform: translateX(650px) translateY(325px) scale(2);
transform: translateX(650px) translateY(325px) scale(2);
}
.orbit_10 .satellite_2 {
-webkit-transform: translateX(0px) translateY(325px);
-moz-transform: translateX(0px) translateY(325px);
-ms-transform: translateX(0px) translateY(325px);
-o-transform: translateX(0px) translateY(325px);
transform: translateX(0px) translateY(325px);
}
.orbit_10 .satellite_3 {
-webkit-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-moz-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-ms-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-o-transform: translateX(162.5px) translateY(43.54174px) scale(2);
transform: translateX(162.5px) translateY(43.54174px) scale(2);
}
.orbit_10 .satellite_4 {
-webkit-transform: translateX(325px) translateY(0px);
-moz-transform: translateX(325px) translateY(0px);
-ms-transform: translateX(325px) translateY(0px);
-o-transform: translateX(325px) translateY(0px);
transform: translateX(325px) translateY(0px);
}
.orbit_10 .satellite_5 {
-webkit-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-moz-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-ms-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-o-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
transform: translateX(425.43052px) translateY(15.90663px) scale(2);
}
.orbit_10 .satellite_1 {
-webkit-transform: translateX(650px) translateY(325px) scale(2);
-moz-transform: translateX(650px) translateY(325px) scale(2);
-ms-transform: translateX(650px) translateY(325px) scale(2);
-o-transform: translateX(650px) translateY(325px) scale(2);
transform: translateX(650px) translateY(325px) scale(2);
}
.orbit_10 .satellite_2 {
-webkit-transform: translateX(0px) translateY(325px);
-moz-transform: translateX(0px) translateY(325px);
-ms-transform: translateX(0px) translateY(325px);
-o-transform: translateX(0px) translateY(325px);
transform: translateX(0px) translateY(325px);
}
.orbit_10 .satellite_3 {
-webkit-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-moz-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-ms-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-o-transform: translateX(162.5px) translateY(43.54174px) scale(2);
transform: translateX(162.5px) translateY(43.54174px) scale(2);
}
.orbit_10 .satellite_4 {
-webkit-transform: translateX(325px) translateY(0px);
-moz-transform: translateX(325px) translateY(0px);
-ms-transform: translateX(325px) translateY(0px);
-o-transform: translateX(325px) translateY(0px);
transform: translateX(325px) translateY(0px);
}
.orbit_10 .satellite_5 {
-webkit-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-moz-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-ms-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-o-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
transform: translateX(425.43052px) translateY(15.90663px) scale(2);
}
.orbit_10 .satellite_1 {
-webkit-transform: translateX(650px) translateY(325px) scale(2);
-moz-transform: translateX(650px) translateY(325px) scale(2);
-ms-transform: translateX(650px) translateY(325px) scale(2);
-o-transform: translateX(650px) translateY(325px) scale(2);
transform: translateX(650px) translateY(325px) scale(2);
}
.orbit_10 .satellite_2 {
-webkit-transform: translateX(0px) translateY(325px);
-moz-transform: translateX(0px) translateY(325px);
-ms-transform: translateX(0px) translateY(325px);
-o-transform: translateX(0px) translateY(325px);
transform: translateX(0px) translateY(325px);
}
.orbit_10 .satellite_3 {
-webkit-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-moz-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-ms-transform: translateX(162.5px) translateY(43.54174px) scale(2);
-o-transform: translateX(162.5px) translateY(43.54174px) scale(2);
transform: translateX(162.5px) translateY(43.54174px) scale(2);
}
.orbit_10 .satellite_4 {
-webkit-transform: translateX(325px) translateY(0px);
-moz-transform: translateX(325px) translateY(0px);
-ms-transform: translateX(325px) translateY(0px);
-o-transform: translateX(325px) translateY(0px);
transform: translateX(325px) translateY(0px);
}
.orbit_10 .satellite_5 {
-webkit-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-moz-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-ms-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
-o-transform: translateX(425.43052px) translateY(15.90663px) scale(2);
transform: translateX(425.43052px) translateY(15.90663px) scale(2);
}
.orbit_11 {
width: 700px;
height: 700px;
margin: -350px;
border-top-left-radius: 350px;
border-top-right-radius: 350px;
border-bottom-left-radius: 350px;
border-bottom-right-radius: 350px;
-webkit-animation: rotate_11 11s infinite normal linear;
-moz-animation: rotate_11 11s infinite normal linear;
animation: rotate_11 11s infinite normal linear;
}
.orbit_11 .satellite_1 {
-webkit-transform: translateX(700px) translateY(350px) scale(2);
-moz-transform: translateX(700px) translateY(350px) scale(2);
-ms-transform: translateX(700px) translateY(350px) scale(2);
-o-transform: translateX(700px) translateY(350px) scale(2);
transform: translateX(700px) translateY(350px) scale(2);
}
.orbit_11 .satellite_2 {
-webkit-transform: translateX(0px) translateY(350px);
-moz-transform: translateX(0px) translateY(350px);
-ms-transform: translateX(0px) translateY(350px);
-o-transform: translateX(0px) translateY(350px);
transform: translateX(0px) translateY(350px);
}
.orbit_11 .satellite_3 {
-webkit-transform: translateX(175px) translateY(46.89111px) scale(2);
-moz-transform: translateX(175px) translateY(46.89111px) scale(2);
-ms-transform: translateX(175px) translateY(46.89111px) scale(2);
-o-transform: translateX(175px) translateY(46.89111px) scale(2);
transform: translateX(175px) translateY(46.89111px) scale(2);
}
.orbit_11 .satellite_4 {
-webkit-transform: translateX(350px) translateY(0px);
-moz-transform: translateX(350px) translateY(0px);
-ms-transform: translateX(350px) translateY(0px);
-o-transform: translateX(350px) translateY(0px);
transform: translateX(350px) translateY(0px);
}
.orbit_11 .satellite_5 {
-webkit-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-moz-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-ms-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-o-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
transform: translateX(458.15595px) translateY(17.13022px) scale(2);
}
.orbit_11 .satellite_1 {
-webkit-transform: translateX(700px) translateY(350px) scale(2);
-moz-transform: translateX(700px) translateY(350px) scale(2);
-ms-transform: translateX(700px) translateY(350px) scale(2);
-o-transform: translateX(700px) translateY(350px) scale(2);
transform: translateX(700px) translateY(350px) scale(2);
}
.orbit_11 .satellite_2 {
-webkit-transform: translateX(0px) translateY(350px);
-moz-transform: translateX(0px) translateY(350px);
-ms-transform: translateX(0px) translateY(350px);
-o-transform: translateX(0px) translateY(350px);
transform: translateX(0px) translateY(350px);
}
.orbit_11 .satellite_3 {
-webkit-transform: translateX(175px) translateY(46.89111px) scale(2);
-moz-transform: translateX(175px) translateY(46.89111px) scale(2);
-ms-transform: translateX(175px) translateY(46.89111px) scale(2);
-o-transform: translateX(175px) translateY(46.89111px) scale(2);
transform: translateX(175px) translateY(46.89111px) scale(2);
}
.orbit_11 .satellite_4 {
-webkit-transform: translateX(350px) translateY(0px);
-moz-transform: translateX(350px) translateY(0px);
-ms-transform: translateX(350px) translateY(0px);
-o-transform: translateX(350px) translateY(0px);
transform: translateX(350px) translateY(0px);
}
.orbit_11 .satellite_5 {
-webkit-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-moz-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-ms-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-o-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
transform: translateX(458.15595px) translateY(17.13022px) scale(2);
}
.orbit_11 .satellite_1 {
-webkit-transform: translateX(700px) translateY(350px) scale(2);
-moz-transform: translateX(700px) translateY(350px) scale(2);
-ms-transform: translateX(700px) translateY(350px) scale(2);
-o-transform: translateX(700px) translateY(350px) scale(2);
transform: translateX(700px) translateY(350px) scale(2);
}
.orbit_11 .satellite_2 {
-webkit-transform: translateX(0px) translateY(350px);
-moz-transform: translateX(0px) translateY(350px);
-ms-transform: translateX(0px) translateY(350px);
-o-transform: translateX(0px) translateY(350px);
transform: translateX(0px) translateY(350px);
}
.orbit_11 .satellite_3 {
-webkit-transform: translateX(175px) translateY(46.89111px) scale(2);
-moz-transform: translateX(175px) translateY(46.89111px) scale(2);
-ms-transform: translateX(175px) translateY(46.89111px) scale(2);
-o-transform: translateX(175px) translateY(46.89111px) scale(2);
transform: translateX(175px) translateY(46.89111px) scale(2);
}
.orbit_11 .satellite_4 {
-webkit-transform: translateX(350px) translateY(0px);
-moz-transform: translateX(350px) translateY(0px);
-ms-transform: translateX(350px) translateY(0px);
-o-transform: translateX(350px) translateY(0px);
transform: translateX(350px) translateY(0px);
}
.orbit_11 .satellite_5 {
-webkit-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-moz-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-ms-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
-o-transform: translateX(458.15595px) translateY(17.13022px) scale(2);
transform: translateX(458.15595px) translateY(17.13022px) scale(2);
}
.orbit_12 {
width: 750px;
height: 750px;
margin: -375px;
border-top-left-radius: 375px;
border-top-right-radius: 375px;
border-bottom-left-radius: 375px;
border-bottom-right-radius: 375px;
-webkit-animation: rotate_12 12s infinite reverse linear;
-moz-animation: rotate_12 12s infinite reverse linear;
animation: rotate_12 12s infinite reverse linear;
}
.orbit_12 .satellite_1 {
-webkit-transform: translateX(750px) translateY(375px) scale(2);
-moz-transform: translateX(750px) translateY(375px) scale(2);
-ms-transform: translateX(750px) translateY(375px) scale(2);
-o-transform: translateX(750px) translateY(375px) scale(2);
transform: translateX(750px) translateY(375px) scale(2);
}
.orbit_12 .satellite_2 {
-webkit-transform: translateX(0px) translateY(375px);
-moz-transform: translateX(0px) translateY(375px);
-ms-transform: translateX(0px) translateY(375px);
-o-transform: translateX(0px) translateY(375px);
transform: translateX(0px) translateY(375px);
}
.orbit_12 .satellite_3 {
-webkit-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-moz-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-ms-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-o-transform: translateX(187.5px) translateY(50.24047px) scale(2);
transform: translateX(187.5px) translateY(50.24047px) scale(2);
}
.orbit_12 .satellite_4 {
-webkit-transform: translateX(375px) translateY(0px);
-moz-transform: translateX(375px) translateY(0px);
-ms-transform: translateX(375px) translateY(0px);
-o-transform: translateX(375px) translateY(0px);
transform: translateX(375px) translateY(0px);
}
.orbit_12 .satellite_5 {
-webkit-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-moz-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-ms-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-o-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
transform: translateX(490.88137px) translateY(18.35381px) scale(2);
}
.orbit_12 .satellite_1 {
-webkit-transform: translateX(750px) translateY(375px) scale(2);
-moz-transform: translateX(750px) translateY(375px) scale(2);
-ms-transform: translateX(750px) translateY(375px) scale(2);
-o-transform: translateX(750px) translateY(375px) scale(2);
transform: translateX(750px) translateY(375px) scale(2);
}
.orbit_12 .satellite_2 {
-webkit-transform: translateX(0px) translateY(375px);
-moz-transform: translateX(0px) translateY(375px);
-ms-transform: translateX(0px) translateY(375px);
-o-transform: translateX(0px) translateY(375px);
transform: translateX(0px) translateY(375px);
}
.orbit_12 .satellite_3 {
-webkit-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-moz-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-ms-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-o-transform: translateX(187.5px) translateY(50.24047px) scale(2);
transform: translateX(187.5px) translateY(50.24047px) scale(2);
}
.orbit_12 .satellite_4 {
-webkit-transform: translateX(375px) translateY(0px);
-moz-transform: translateX(375px) translateY(0px);
-ms-transform: translateX(375px) translateY(0px);
-o-transform: translateX(375px) translateY(0px);
transform: translateX(375px) translateY(0px);
}
.orbit_12 .satellite_5 {
-webkit-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-moz-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-ms-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-o-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
transform: translateX(490.88137px) translateY(18.35381px) scale(2);
}
.orbit_12 .satellite_1 {
-webkit-transform: translateX(750px) translateY(375px) scale(2);
-moz-transform: translateX(750px) translateY(375px) scale(2);
-ms-transform: translateX(750px) translateY(375px) scale(2);
-o-transform: translateX(750px) translateY(375px) scale(2);
transform: translateX(750px) translateY(375px) scale(2);
}
.orbit_12 .satellite_2 {
-webkit-transform: translateX(0px) translateY(375px);
-moz-transform: translateX(0px) translateY(375px);
-ms-transform: translateX(0px) translateY(375px);
-o-transform: translateX(0px) translateY(375px);
transform: translateX(0px) translateY(375px);
}
.orbit_12 .satellite_3 {
-webkit-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-moz-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-ms-transform: translateX(187.5px) translateY(50.24047px) scale(2);
-o-transform: translateX(187.5px) translateY(50.24047px) scale(2);
transform: translateX(187.5px) translateY(50.24047px) scale(2);
}
.orbit_12 .satellite_4 {
-webkit-transform: translateX(375px) translateY(0px);
-moz-transform: translateX(375px) translateY(0px);
-ms-transform: translateX(375px) translateY(0px);
-o-transform: translateX(375px) translateY(0px);
transform: translateX(375px) translateY(0px);
}
.orbit_12 .satellite_5 {
-webkit-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-moz-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-ms-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
-o-transform: translateX(490.88137px) translateY(18.35381px) scale(2);
transform: translateX(490.88137px) translateY(18.35381px) scale(2);
}
.orbit_13 {
width: 800px;
height: 800px;
margin: -400px;
border-top-left-radius: 400px;
border-top-right-radius: 400px;
border-bottom-left-radius: 400px;
border-bottom-right-radius: 400px;
-webkit-animation: rotate_13 13s infinite normal linear;
-moz-animation: rotate_13 13s infinite normal linear;
animation: rotate_13 13s infinite normal linear;
}
.orbit_13 .satellite_1 {
-webkit-transform: translateX(800px) translateY(400px) scale(2);
-moz-transform: translateX(800px) translateY(400px) scale(2);
-ms-transform: translateX(800px) translateY(400px) scale(2);
-o-transform: translateX(800px) translateY(400px) scale(2);
transform: translateX(800px) translateY(400px) scale(2);
}
.orbit_13 .satellite_2 {
-webkit-transform: translateX(0px) translateY(400px);
-moz-transform: translateX(0px) translateY(400px);
-ms-transform: translateX(0px) translateY(400px);
-o-transform: translateX(0px) translateY(400px);
transform: translateX(0px) translateY(400px);
}
.orbit_13 .satellite_3 {
-webkit-transform: translateX(200px) translateY(53.58984px) scale(2);
-moz-transform: translateX(200px) translateY(53.58984px) scale(2);
-ms-transform: translateX(200px) translateY(53.58984px) scale(2);
-o-transform: translateX(200px) translateY(53.58984px) scale(2);
transform: translateX(200px) translateY(53.58984px) scale(2);
}
.orbit_13 .satellite_4 {
-webkit-transform: translateX(400px) translateY(0px);
-moz-transform: translateX(400px) translateY(0px);
-ms-transform: translateX(400px) translateY(0px);
-o-transform: translateX(400px) translateY(0px);
transform: translateX(400px) translateY(0px);
}
.orbit_13 .satellite_5 {
-webkit-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-moz-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-ms-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-o-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
transform: translateX(523.6068px) translateY(19.57739px) scale(2);
}
.orbit_13 .satellite_1 {
-webkit-transform: translateX(800px) translateY(400px) scale(2);
-moz-transform: translateX(800px) translateY(400px) scale(2);
-ms-transform: translateX(800px) translateY(400px) scale(2);
-o-transform: translateX(800px) translateY(400px) scale(2);
transform: translateX(800px) translateY(400px) scale(2);
}
.orbit_13 .satellite_2 {
-webkit-transform: translateX(0px) translateY(400px);
-moz-transform: translateX(0px) translateY(400px);
-ms-transform: translateX(0px) translateY(400px);
-o-transform: translateX(0px) translateY(400px);
transform: translateX(0px) translateY(400px);
}
.orbit_13 .satellite_3 {
-webkit-transform: translateX(200px) translateY(53.58984px) scale(2);
-moz-transform: translateX(200px) translateY(53.58984px) scale(2);
-ms-transform: translateX(200px) translateY(53.58984px) scale(2);
-o-transform: translateX(200px) translateY(53.58984px) scale(2);
transform: translateX(200px) translateY(53.58984px) scale(2);
}
.orbit_13 .satellite_4 {
-webkit-transform: translateX(400px) translateY(0px);
-moz-transform: translateX(400px) translateY(0px);
-ms-transform: translateX(400px) translateY(0px);
-o-transform: translateX(400px) translateY(0px);
transform: translateX(400px) translateY(0px);
}
.orbit_13 .satellite_5 {
-webkit-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-moz-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-ms-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-o-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
transform: translateX(523.6068px) translateY(19.57739px) scale(2);
}
.orbit_13 .satellite_1 {
-webkit-transform: translateX(800px) translateY(400px) scale(2);
-moz-transform: translateX(800px) translateY(400px) scale(2);
-ms-transform: translateX(800px) translateY(400px) scale(2);
-o-transform: translateX(800px) translateY(400px) scale(2);
transform: translateX(800px) translateY(400px) scale(2);
}
.orbit_13 .satellite_2 {
-webkit-transform: translateX(0px) translateY(400px);
-moz-transform: translateX(0px) translateY(400px);
-ms-transform: translateX(0px) translateY(400px);
-o-transform: translateX(0px) translateY(400px);
transform: translateX(0px) translateY(400px);
}
.orbit_13 .satellite_3 {
-webkit-transform: translateX(200px) translateY(53.58984px) scale(2);
-moz-transform: translateX(200px) translateY(53.58984px) scale(2);
-ms-transform: translateX(200px) translateY(53.58984px) scale(2);
-o-transform: translateX(200px) translateY(53.58984px) scale(2);
transform: translateX(200px) translateY(53.58984px) scale(2);
}
.orbit_13 .satellite_4 {
-webkit-transform: translateX(400px) translateY(0px);
-moz-transform: translateX(400px) translateY(0px);
-ms-transform: translateX(400px) translateY(0px);
-o-transform: translateX(400px) translateY(0px);
transform: translateX(400px) translateY(0px);
}
.orbit_13 .satellite_5 {
-webkit-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-moz-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-ms-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
-o-transform: translateX(523.6068px) translateY(19.57739px) scale(2);
transform: translateX(523.6068px) translateY(19.57739px) scale(2);
}
.orbit_14 {
width: 830px;
height: 830px;
margin: -415px;
border-top-left-radius: 415px;
border-top-right-radius: 415px;
border-bottom-left-radius: 415px;
border-bottom-right-radius: 415px;
-webkit-animation: rotate_14 14s infinite reverse linear;
-moz-animation: rotate_14 14s infinite reverse linear;
animation: rotate_14 14s infinite reverse linear;
}
.orbit_14 .satellite_1 {
-webkit-transform: translateX(830px) translateY(415px) scale(2);
-moz-transform: translateX(830px) translateY(415px) scale(2);
-ms-transform: translateX(830px) translateY(415px) scale(2);
-o-transform: translateX(830px) translateY(415px) scale(2);
transform: translateX(830px) translateY(415px) scale(2);
}
.orbit_14 .satellite_2 {
-webkit-transform: translateX(0px) translateY(415px);
-moz-transform: translateX(0px) translateY(415px);
-ms-transform: translateX(0px) translateY(415px);
-o-transform: translateX(0px) translateY(415px);
transform: translateX(0px) translateY(415px);
}
.orbit_14 .satellite_3 {
-webkit-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-moz-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-ms-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-o-transform: translateX(207.5px) translateY(55.59946px) scale(2);
transform: translateX(207.5px) translateY(55.59946px) scale(2);
}
.orbit_14 .satellite_4 {
-webkit-transform: translateX(415px) translateY(0px);
-moz-transform: translateX(415px) translateY(0px);
-ms-transform: translateX(415px) translateY(0px);
-o-transform: translateX(415px) translateY(0px);
transform: translateX(415px) translateY(0px);
}
.orbit_14 .satellite_5 {
-webkit-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-moz-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-ms-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-o-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
transform: translateX(543.24205px) translateY(20.31155px) scale(2);
}
.orbit_14 .satellite_1 {
-webkit-transform: translateX(830px) translateY(415px) scale(2);
-moz-transform: translateX(830px) translateY(415px) scale(2);
-ms-transform: translateX(830px) translateY(415px) scale(2);
-o-transform: translateX(830px) translateY(415px) scale(2);
transform: translateX(830px) translateY(415px) scale(2);
}
.orbit_14 .satellite_2 {
-webkit-transform: translateX(0px) translateY(415px);
-moz-transform: translateX(0px) translateY(415px);
-ms-transform: translateX(0px) translateY(415px);
-o-transform: translateX(0px) translateY(415px);
transform: translateX(0px) translateY(415px);
}
.orbit_14 .satellite_3 {
-webkit-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-moz-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-ms-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-o-transform: translateX(207.5px) translateY(55.59946px) scale(2);
transform: translateX(207.5px) translateY(55.59946px) scale(2);
}
.orbit_14 .satellite_4 {
-webkit-transform: translateX(415px) translateY(0px);
-moz-transform: translateX(415px) translateY(0px);
-ms-transform: translateX(415px) translateY(0px);
-o-transform: translateX(415px) translateY(0px);
transform: translateX(415px) translateY(0px);
}
.orbit_14 .satellite_5 {
-webkit-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-moz-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-ms-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-o-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
transform: translateX(543.24205px) translateY(20.31155px) scale(2);
}
.orbit_14 .satellite_1 {
-webkit-transform: translateX(830px) translateY(415px) scale(2);
-moz-transform: translateX(830px) translateY(415px) scale(2);
-ms-transform: translateX(830px) translateY(415px) scale(2);
-o-transform: translateX(830px) translateY(415px) scale(2);
transform: translateX(830px) translateY(415px) scale(2);
}
.orbit_14 .satellite_2 {
-webkit-transform: translateX(0px) translateY(415px);
-moz-transform: translateX(0px) translateY(415px);
-ms-transform: translateX(0px) translateY(415px);
-o-transform: translateX(0px) translateY(415px);
transform: translateX(0px) translateY(415px);
}
.orbit_14 .satellite_3 {
-webkit-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-moz-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-ms-transform: translateX(207.5px) translateY(55.59946px) scale(2);
-o-transform: translateX(207.5px) translateY(55.59946px) scale(2);
transform: translateX(207.5px) translateY(55.59946px) scale(2);
}
.orbit_14 .satellite_4 {
-webkit-transform: translateX(415px) translateY(0px);
-moz-transform: translateX(415px) translateY(0px);
-ms-transform: translateX(415px) translateY(0px);
-o-transform: translateX(415px) translateY(0px);
transform: translateX(415px) translateY(0px);
}
.orbit_14 .satellite_5 {
-webkit-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-moz-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-ms-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
-o-transform: translateX(543.24205px) translateY(20.31155px) scale(2);
transform: translateX(543.24205px) translateY(20.31155px) scale(2);
}
.orbit_15 {
width: 900px;
height: 900px;
margin: -450px;
border-top-left-radius: 450px;
border-top-right-radius: 450px;
border-bottom-left-radius: 450px;
border-bottom-right-radius: 450px;
-webkit-animation: rotate_15 15s infinite normal linear;
-moz-animation: rotate_15 15s infinite normal linear;
animation: rotate_15 15s infinite normal linear;
}
.orbit_15 .satellite_1 {
-webkit-transform: translateX(900px) translateY(450px) scale(2);
-moz-transform: translateX(900px) translateY(450px) scale(2);
-ms-transform: translateX(900px) translateY(450px) scale(2);
-o-transform: translateX(900px) translateY(450px) scale(2);
transform: translateX(900px) translateY(450px) scale(2);
}
.orbit_15 .satellite_2 {
-webkit-transform: translateX(0px) translateY(450px);
-moz-transform: translateX(0px) translateY(450px);
-ms-transform: translateX(0px) translateY(450px);
-o-transform: translateX(0px) translateY(450px);
transform: translateX(0px) translateY(450px);
}
.orbit_15 .satellite_3 {
-webkit-transform: translateX(225px) translateY(60.28857px) scale(2);
-moz-transform: translateX(225px) translateY(60.28857px) scale(2);
-ms-transform: translateX(225px) translateY(60.28857px) scale(2);
-o-transform: translateX(225px) translateY(60.28857px) scale(2);
transform: translateX(225px) translateY(60.28857px) scale(2);
}
.orbit_15 .satellite_4 {
-webkit-transform: translateX(450px) translateY(0px);
-moz-transform: translateX(450px) translateY(0px);
-ms-transform: translateX(450px) translateY(0px);
-o-transform: translateX(450px) translateY(0px);
transform: translateX(450px) translateY(0px);
}
.orbit_15 .satellite_5 {
-webkit-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-moz-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-ms-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-o-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
transform: translateX(589.05765px) translateY(22.02457px) scale(2);
}
.orbit_15 .satellite_1 {
-webkit-transform: translateX(900px) translateY(450px) scale(2);
-moz-transform: translateX(900px) translateY(450px) scale(2);
-ms-transform: translateX(900px) translateY(450px) scale(2);
-o-transform: translateX(900px) translateY(450px) scale(2);
transform: translateX(900px) translateY(450px) scale(2);
}
.orbit_15 .satellite_2 {
-webkit-transform: translateX(0px) translateY(450px);
-moz-transform: translateX(0px) translateY(450px);
-ms-transform: translateX(0px) translateY(450px);
-o-transform: translateX(0px) translateY(450px);
transform: translateX(0px) translateY(450px);
}
.orbit_15 .satellite_3 {
-webkit-transform: translateX(225px) translateY(60.28857px) scale(2);
-moz-transform: translateX(225px) translateY(60.28857px) scale(2);
-ms-transform: translateX(225px) translateY(60.28857px) scale(2);
-o-transform: translateX(225px) translateY(60.28857px) scale(2);
transform: translateX(225px) translateY(60.28857px) scale(2);
}
.orbit_15 .satellite_4 {
-webkit-transform: translateX(450px) translateY(0px);
-moz-transform: translateX(450px) translateY(0px);
-ms-transform: translateX(450px) translateY(0px);
-o-transform: translateX(450px) translateY(0px);
transform: translateX(450px) translateY(0px);
}
.orbit_15 .satellite_5 {
-webkit-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-moz-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-ms-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-o-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
transform: translateX(589.05765px) translateY(22.02457px) scale(2);
}
.orbit_15 .satellite_1 {
-webkit-transform: translateX(900px) translateY(450px) scale(2);
-moz-transform: translateX(900px) translateY(450px) scale(2);
-ms-transform: translateX(900px) translateY(450px) scale(2);
-o-transform: translateX(900px) translateY(450px) scale(2);
transform: translateX(900px) translateY(450px) scale(2);
}
.orbit_15 .satellite_2 {
-webkit-transform: translateX(0px) translateY(450px);
-moz-transform: translateX(0px) translateY(450px);
-ms-transform: translateX(0px) translateY(450px);
-o-transform: translateX(0px) translateY(450px);
transform: translateX(0px) translateY(450px);
}
.orbit_15 .satellite_3 {
-webkit-transform: translateX(225px) translateY(60.28857px) scale(2);
-moz-transform: translateX(225px) translateY(60.28857px) scale(2);
-ms-transform: translateX(225px) translateY(60.28857px) scale(2);
-o-transform: translateX(225px) translateY(60.28857px) scale(2);
transform: translateX(225px) translateY(60.28857px) scale(2);
}
.orbit_15 .satellite_4 {
-webkit-transform: translateX(450px) translateY(0px);
-moz-transform: translateX(450px) translateY(0px);
-ms-transform: translateX(450px) translateY(0px);
-o-transform: translateX(450px) translateY(0px);
transform: translateX(450px) translateY(0px);
}
.orbit_15 .satellite_5 {
-webkit-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-moz-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-ms-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
-o-transform: translateX(589.05765px) translateY(22.02457px) scale(2);
transform: translateX(589.05765px) translateY(22.02457px) scale(2);
}
.orbit_16 {
width: 970px;
height: 970px;
margin: -485px;
border-top-left-radius: 485px;
border-top-right-radius: 485px;
border-bottom-left-radius: 485px;
border-bottom-right-radius: 485px;
-webkit-animation: rotate_16 16s infinite reverse linear;
-moz-animation: rotate_16 16s infinite reverse linear;
animation: rotate_16 16s infinite reverse linear;
}
.orbit_16 .satellite_1 {
-webkit-transform: translateX(970px) translateY(485px) scale(2);
-moz-transform: translateX(970px) translateY(485px) scale(2);
-ms-transform: translateX(970px) translateY(485px) scale(2);
-o-transform: translateX(970px) translateY(485px) scale(2);
transform: translateX(970px) translateY(485px) scale(2);
}
.orbit_16 .satellite_2 {
-webkit-transform: translateX(0px) translateY(485px);
-moz-transform: translateX(0px) translateY(485px);
-ms-transform: translateX(0px) translateY(485px);
-o-transform: translateX(0px) translateY(485px);
transform: translateX(0px) translateY(485px);
}
.orbit_16 .satellite_3 {
-webkit-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-moz-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-ms-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-o-transform: translateX(242.5px) translateY(64.97768px) scale(2);
transform: translateX(242.5px) translateY(64.97768px) scale(2);
}
.orbit_16 .satellite_4 {
-webkit-transform: translateX(485px) translateY(0px);
-moz-transform: translateX(485px) translateY(0px);
-ms-transform: translateX(485px) translateY(0px);
-o-transform: translateX(485px) translateY(0px);
transform: translateX(485px) translateY(0px);
}
.orbit_16 .satellite_5 {
-webkit-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-moz-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-ms-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-o-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
transform: translateX(634.87324px) translateY(23.73759px) scale(2);
}
.orbit_16 .satellite_1 {
-webkit-transform: translateX(970px) translateY(485px) scale(2);
-moz-transform: translateX(970px) translateY(485px) scale(2);
-ms-transform: translateX(970px) translateY(485px) scale(2);
-o-transform: translateX(970px) translateY(485px) scale(2);
transform: translateX(970px) translateY(485px) scale(2);
}
.orbit_16 .satellite_2 {
-webkit-transform: translateX(0px) translateY(485px);
-moz-transform: translateX(0px) translateY(485px);
-ms-transform: translateX(0px) translateY(485px);
-o-transform: translateX(0px) translateY(485px);
transform: translateX(0px) translateY(485px);
}
.orbit_16 .satellite_3 {
-webkit-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-moz-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-ms-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-o-transform: translateX(242.5px) translateY(64.97768px) scale(2);
transform: translateX(242.5px) translateY(64.97768px) scale(2);
}
.orbit_16 .satellite_4 {
-webkit-transform: translateX(485px) translateY(0px);
-moz-transform: translateX(485px) translateY(0px);
-ms-transform: translateX(485px) translateY(0px);
-o-transform: translateX(485px) translateY(0px);
transform: translateX(485px) translateY(0px);
}
.orbit_16 .satellite_5 {
-webkit-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-moz-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-ms-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-o-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
transform: translateX(634.87324px) translateY(23.73759px) scale(2);
}
.orbit_16 .satellite_1 {
-webkit-transform: translateX(970px) translateY(485px) scale(2);
-moz-transform: translateX(970px) translateY(485px) scale(2);
-ms-transform: translateX(970px) translateY(485px) scale(2);
-o-transform: translateX(970px) translateY(485px) scale(2);
transform: translateX(970px) translateY(485px) scale(2);
}
.orbit_16 .satellite_2 {
-webkit-transform: translateX(0px) translateY(485px);
-moz-transform: translateX(0px) translateY(485px);
-ms-transform: translateX(0px) translateY(485px);
-o-transform: translateX(0px) translateY(485px);
transform: translateX(0px) translateY(485px);
}
.orbit_16 .satellite_3 {
-webkit-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-moz-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-ms-transform: translateX(242.5px) translateY(64.97768px) scale(2);
-o-transform: translateX(242.5px) translateY(64.97768px) scale(2);
transform: translateX(242.5px) translateY(64.97768px) scale(2);
}
.orbit_16 .satellite_4 {
-webkit-transform: translateX(485px) translateY(0px);
-moz-transform: translateX(485px) translateY(0px);
-ms-transform: translateX(485px) translateY(0px);
-o-transform: translateX(485px) translateY(0px);
transform: translateX(485px) translateY(0px);
}
.orbit_16 .satellite_5 {
-webkit-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-moz-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-ms-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
-o-transform: translateX(634.87324px) translateY(23.73759px) scale(2);
transform: translateX(634.87324px) translateY(23.73759px) scale(2);
}
.orbit_17 {
width: 1000px;
height: 1000px;
margin: -500px;
border-top-left-radius: 500px;
border-top-right-radius: 500px;
border-bottom-left-radius: 500px;
border-bottom-right-radius: 500px;
-webkit-animation: rotate_17 17s infinite normal linear;
-moz-animation: rotate_17 17s infinite normal linear;
animation: rotate_17 17s infinite normal linear;
}
.orbit_17 .satellite_1 {
-webkit-transform: translateX(1000px) translateY(500px) scale(2);
-moz-transform: translateX(1000px) translateY(500px) scale(2);
-ms-transform: translateX(1000px) translateY(500px) scale(2);
-o-transform: translateX(1000px) translateY(500px) scale(2);
transform: translateX(1000px) translateY(500px) scale(2);
}
.orbit_17 .satellite_2 {
-webkit-transform: translateX(0px) translateY(500px);
-moz-transform: translateX(0px) translateY(500px);
-ms-transform: translateX(0px) translateY(500px);
-o-transform: translateX(0px) translateY(500px);
transform: translateX(0px) translateY(500px);
}
.orbit_17 .satellite_3 {
-webkit-transform: translateX(250px) translateY(66.9873px) scale(2);
-moz-transform: translateX(250px) translateY(66.9873px) scale(2);
-ms-transform: translateX(250px) translateY(66.9873px) scale(2);
-o-transform: translateX(250px) translateY(66.9873px) scale(2);
transform: translateX(250px) translateY(66.9873px) scale(2);
}
.orbit_17 .satellite_4 {
-webkit-transform: translateX(500px) translateY(0px);
-moz-transform: translateX(500px) translateY(0px);
-ms-transform: translateX(500px) translateY(0px);
-o-transform: translateX(500px) translateY(0px);
transform: translateX(500px) translateY(0px);
}
.orbit_17 .satellite_5 {
-webkit-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-moz-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-ms-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-o-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
transform: translateX(654.5085px) translateY(24.47174px) scale(2);
}
.orbit_17 .satellite_1 {
-webkit-transform: translateX(1000px) translateY(500px) scale(2);
-moz-transform: translateX(1000px) translateY(500px) scale(2);
-ms-transform: translateX(1000px) translateY(500px) scale(2);
-o-transform: translateX(1000px) translateY(500px) scale(2);
transform: translateX(1000px) translateY(500px) scale(2);
}
.orbit_17 .satellite_2 {
-webkit-transform: translateX(0px) translateY(500px);
-moz-transform: translateX(0px) translateY(500px);
-ms-transform: translateX(0px) translateY(500px);
-o-transform: translateX(0px) translateY(500px);
transform: translateX(0px) translateY(500px);
}
.orbit_17 .satellite_3 {
-webkit-transform: translateX(250px) translateY(66.9873px) scale(2);
-moz-transform: translateX(250px) translateY(66.9873px) scale(2);
-ms-transform: translateX(250px) translateY(66.9873px) scale(2);
-o-transform: translateX(250px) translateY(66.9873px) scale(2);
transform: translateX(250px) translateY(66.9873px) scale(2);
}
.orbit_17 .satellite_4 {
-webkit-transform: translateX(500px) translateY(0px);
-moz-transform: translateX(500px) translateY(0px);
-ms-transform: translateX(500px) translateY(0px);
-o-transform: translateX(500px) translateY(0px);
transform: translateX(500px) translateY(0px);
}
.orbit_17 .satellite_5 {
-webkit-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-moz-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-ms-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-o-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
transform: translateX(654.5085px) translateY(24.47174px) scale(2);
}
.orbit_17 .satellite_1 {
-webkit-transform: translateX(1000px) translateY(500px) scale(2);
-moz-transform: translateX(1000px) translateY(500px) scale(2);
-ms-transform: translateX(1000px) translateY(500px) scale(2);
-o-transform: translateX(1000px) translateY(500px) scale(2);
transform: translateX(1000px) translateY(500px) scale(2);
}
.orbit_17 .satellite_2 {
-webkit-transform: translateX(0px) translateY(500px);
-moz-transform: translateX(0px) translateY(500px);
-ms-transform: translateX(0px) translateY(500px);
-o-transform: translateX(0px) translateY(500px);
transform: translateX(0px) translateY(500px);
}
.orbit_17 .satellite_3 {
-webkit-transform: translateX(250px) translateY(66.9873px) scale(2);
-moz-transform: translateX(250px) translateY(66.9873px) scale(2);
-ms-transform: translateX(250px) translateY(66.9873px) scale(2);
-o-transform: translateX(250px) translateY(66.9873px) scale(2);
transform: translateX(250px) translateY(66.9873px) scale(2);
}
.orbit_17 .satellite_4 {
-webkit-transform: translateX(500px) translateY(0px);
-moz-transform: translateX(500px) translateY(0px);
-ms-transform: translateX(500px) translateY(0px);
-o-transform: translateX(500px) translateY(0px);
transform: translateX(500px) translateY(0px);
}
.orbit_17 .satellite_5 {
-webkit-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-moz-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-ms-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
-o-transform: translateX(654.5085px) translateY(24.47174px) scale(2);
transform: translateX(654.5085px) translateY(24.47174px) scale(2);
}
@-webkit-keyframes rotate_1 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_1 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_1 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_2 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_2 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_2 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_3 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_3 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_3 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_4 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_4 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_4 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_5 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_5 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_5 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_6 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_6 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_6 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_7 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_7 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_7 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_8 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_8 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_8 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_9 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_9 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_9 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_10 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_10 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_10 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_11 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_11 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_11 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_12 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_12 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_12 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_13 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_13 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_13 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_14 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_14 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_14 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_15 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_15 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_15 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_16 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_16 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_16 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_17 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_17 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_17 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_18 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_18 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_18 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_19 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_19 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_19 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate_20 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate_20 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotate_20 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
[class*="orbit_"],
.hole {
position: absolute;
top: 180px;
left: 100px;
box-shadow: 0 0 2px 0 #566697, 0 0 2px 0 #566697 inset;
}
[class*="satellite_"] {
position: absolute;
opacity: 0.8;
width: 4px;
height: 4px;
margin: -2px;
background-color: #963C86;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-shadow: 0 0 1px 1px #963C86;
}
.hole {
background: black;
width: 50px;
height: 50px;
margin: -25px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
box-shadow: 0 0 2px 2px black;
}
body, html {
background-color: black;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
#book {
width: 400px;
height: 600px;
background-color: #36296F;
padding: 40px;
border: 1px solid white;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
#book .cover {
position: absolute;
z-index: 5;
bottom: 40px;
top: auto;
}
#book .cover h1, #book .cover h2, #book .cover h3 {
color: white;
margin: 0.2rem 0;
font-weight: normal;
font-family: "Futura";
font-size: 2em;
}
#book .cover h1 {
text-transform: uppercase;
}
#book .cover h2 {
font-size: 1.5em;
font-weight: 400;
}
#book .cover h3 {
font-size: 0.8em;
line-height: 1.9em;
text-transform: uppercase;
}