MAKING SOLAR SYSTEM WITH HTML AND CSS
HTML CODE
<!DOCTYPE html>
<html>
<head>
<title>SOLAR SYSYTEM</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class='description'>
<h1>Solar System</h1>
<hr>
<p>
Here is a true time scaled solar-system, which means that every objects have a time relative to an Earth year.
You can change the number in second of the
<br>
<code>$year-in-second</code>
variable to increase the speed of revolutions. Here 1 year = 30 seconds.
</p>
<p class='hide'>
Note the css tricks for the Saturn rings (box-shadow) and reverse animation to compensate the orbit.
</p>
<hr>
</div>
<div class='solar-syst'>
<div class='sun'></div>
<div class='mercury'></div>
<div class='venus'></div>
<div class='earth'></div>
<div class='mars'></div>
<div class='jupiter'></div>
<div class='saturn'></div>
<div class='uranus'></div>
<div class='neptune'></div>
<div class='pluto'></div>
<div class='asteroids-belt'></div>
</div>
</body>
</html>
CSS CODE
*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
width: 100%;
}
body {
font: normal 1em/1.45em "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
color: #fff;
background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%);
background-attachment: fixed;
}
h1 {
font-weight: 300;
font-size: 2.5em;
text-transform: uppercase;
font-family: Lato;
line-height: 1.6em;
letter-spacing: 0.1em;
}
a, a:visited {
text-decoration: none;
color: white;
opacity: 0.7;
}
a:hover, a:visited:hover {
opacity: 1;
}
a.icon, a:visited.icon {
margin-right: 2px;
padding: 3px;
}
.description {
padding: 30px;
position: absolute;
top: 0;
left: 0;
width: 25%;
z-index: 999;
}
.description p {
font-size: 0.9em;
}
.description p + p {
margin-top: 20px;
}
.description p.author {
font-size: 0.7em;
}
.description p.author .fa-heart {
color: #860014;
}
hr {
margin: 26px 0;
border: 0;
border-top: 1px solid white;
background: transparent;
width: 25%;
opacity: 0.1;
}
code {
color: #ae94c0;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 0.9em;
}
.solar-syst {
margin: 0 auto;
width: 100%;
height: 100%;
position: relative;
}
.solar-syst:after {
content: "";
position: absolute;
height: 2px;
width: 2px;
top: -2px;
background: white;
box-shadow: 1060px 96px 0 0px rgba(255, 255, 255, 0.834) , 700px 1040px 0 0px rgba(255,255,255, 0.694) , 1456px 44px 0 0px rgba(255,255,255, 0.943) , 372px 1340px 0 0px rgba(255,255,255, 0.226) , 633px 1331px 0 0px rgba(255,255,255, 0.337) , 436px 419px 0 0px rgba(255,255,255, 0.982) , 1439px 283px 0 0px rgba(255,255,255, 0.564) , 1138px 380px 0 0px rgba(255,255,255, 0.975) , 805px 218px 0 0px rgba(255,255,255, 0.72) , 1082px 48px 0 0px rgba(255,255,255, 0.148) , 8px 115px 0 0px rgba(255,255,255, 0.193) , 1494px 247px 0 0px rgba(255,255,255, 0.85) , 164px 110px 0 0px rgba(255,255,255, 0.819) , 985px 616px 0 0px rgba(255,255,255, 0.763) , 66px 1266px 0 0px rgba(255,255,255, 0.678) , 343px 1481px 0 0px rgba(255,255,255, 0.72) , 585px 607px 0 0px rgba(255,255,255, 0.528) , 1795px 1783px 0 0px rgba(255,255,255, 0.974) , 1615px 1427px 0 0px rgba(255,255,255, 0.306) , 1134px 1489px 0 0px rgba(255,255,255, 0.356) , 125px 1271px 0 0px rgba(255,255,255, 0.901) , 123px 546px 0 0px rgba(255,255,255, 0.356) , 614px 1627px 0 0px rgba(255,255,255, 0.348) , 83px 398px 0 0px rgba(255,255,255, 0.288) , 1012px 595px 0 0px rgba(255,255,255, 0.718) , 429px 920px 0 0px rgba(255,255,255, 0.062) , 303px 1590px 0 0px rgba(255,255,255, 0.219) , 704px 112px 0 0px rgba(255,255,255, 0.065) , 1546px 27px 0 0px rgba(255,255,255, 0.62) , 250px 41px 0 0px rgba(255,255,255, 0.44) , 1387px 1291px 0 0px rgba(255,255,255, 0.633) , 1187px 230px 0 0px rgba(255,255,255, 0.125) , 479px 1064px 0 0px rgba(255,255,255, 0.072) , 419px 748px 0 0px rgba(255,255,255, 0.512) , 1697px 772px 0 0px rgba(255,255,255, 0.13) , 1756px 1371px 0 0px rgba(255,255,255, 0.102) , 145px 1311px 0 0px rgba(255,255,255, 0.751) , 682px 674px 0 0px rgba(255,255,255, 0.559) , 378px 350px 0 0px rgba(255,255,255, 0.202) , 984px 912px 0 0px rgba(255,255,255, 0.66) , 885px 1677px 0 0px rgba(255,255,255, 0.72) , 538px 1513px 0 0px rgba(255,255,255, 0.671) , 314px 976px 0 0px rgba(255,255,255, 0.375) , 872px 137px 0 0px rgba(255,255,255, 0.865) , 612px 539px 0 0px rgba(255,255,255, 0.917) , 1363px 1399px 0 0px rgba(255,255,255, 0.083) , 1466px 1766px 0 0px rgba(255,255,255, 0.685) , 1661px 43px 0 0px rgba(255,255,255, 0.59) , 1544px 1404px 0 0px rgba(255,255,255, 0.733) , 1298px 559px 0 0px rgba(255,255,255, 0.838) , 915px 1372px 0 0px rgba(255,255,255, 0.315) , 1460px 1486px 0 0px rgba(255,255,255, 0.255) , 221px 308px 0 0px rgba(255,255,255, 0.496) , 1539px 631px 0 0px rgba(255,255,255, 0.246) , 518px 288px 0 0px rgba(255,255,255, 0.667) , 1781px 465px 0 0px rgba(255,255,255, 0.736) , 1510px 636px 0 0px rgba(255,255,255, 0.008) , 1306px 722px 0 0px rgba(255,255,255, 0.756) , 1755px 348px 0 0px rgba(255,255,255, 0.121) , 1435px 1604px 0 0px rgba(255,255,255, 0.968) , 333px 1622px 0 0px rgba(255,255,255, 0.127) , 1709px 1654px 0 0px rgba(255,255,255, 0.522) , 268px 878px 0 0px rgba(255,255,255, 0.998) , 418px 549px 0 0px rgba(255,255,255, 0.559) , 847px 1056px 0 0px rgba(255,255,255, 0.015) , 1170px 780px 0 0px rgba(255,255,255, 0.08) , 709px 658px 0 0px rgba(255,255,255, 0.534) , 545px 375px 0 0px rgba(255,255,255, 0.309) , 1364px 551px 0 0px rgba(255,255,255, 0.848) , 776px 1333px 0 0px rgba(255,255,255, 0.06) , 1266px 17px 0 0px rgba(255,255,255, 0.472) , 739px 1316px 0 0px rgba(255,255,255, 0.602) , 250px 1752px 0 0px rgba(255,255,255, 0.938) , 1482px 1705px 0 0px rgba(255,255,255, 0.06) , 1390px 1166px 0 0px rgba(255,255,255, 0.644) , 526px 1779px 0 0px rgba(255,255,255, 0.626) , 1740px 450px 0 0px rgba(255,255,255, 0.061) , 395px 1191px 0 0px rgba(255,255,255, 0.315) , 781px 954px 0 0px rgba(255,255,255, 0.251) , 636px 983px 0 0px rgba(255,255,255, 0.724) , 1203px 1779px 0 0px rgba(255,255,255, 0.802) , 893px 728px 0 0px rgba(255,255,255, 0.441) , 1200px 782px 0 0px rgba(255,255,255, 0.579) , 460px 448px 0 0px rgba(255,255,255, 0.306) , 337px 691px 0 0px rgba(255,255,255, 0.364) , 1493px 434px 0 0px rgba(255,255,255, 0.593) , 376px 457px 0 0px rgba(255,255,255, 0.416) , 1470px 977px 0 0px rgba(255,255,255, 0.521) , 104px 1053px 0 0px rgba(255,255,255, 0.428) , 1367px 743px 0 0px rgba(255,255,255, 0.387) , 779px 1207px 0 0px rgba(255,255,255, 0.193) , 843px 1493px 0 0px rgba(255,255,255, 0.226) , 360px 1663px 0 0px rgba(255,255,255, 0.647) , 1270px 61px 0 0px rgba(255,255,255, 0.609) , 667px 1527px 0 0px rgba(255,255,255, 0.805) , 1042px 113px 0 0px rgba(255,255,255, 0.38) , 1258px 1137px 0 0px rgba(255,255,255, 0.694) , 360px 1538px 0 0px rgba(255,255,255, 0.886) , 605px 1419px 0 0px rgba(255,255,255, 0.08) , 796px 1546px 0 0px rgba(255,255,255, 0.679) , 483px 242px 0 0px rgba(255,255,255, 0.735) , 1749px 451px 0 0px rgba(255,255,255, 0.65) , 1325px 1563px 0 0px rgba(255,255,255, 0.889) , 348px 245px 0 0px rgba(255,255,255, 0.716) , 311px 834px 0 0px rgba(255,255,255, 0.057) , 631px 344px 0 0px rgba(255,255,255, 0.295) , 1006px 758px 0 0px rgba(255,255,255, 0.809) , 1577px 1698px 0 0px rgba(255,255,255, 0.49) , 1789px 1070px 0 0px rgba(255,255,255, 0.376) , 668px 1642px 0 0px rgba(255,255,255, 0.704) , 450px 1163px 0 0px rgba(255,255,255, 0.968) , 1324px 664px 0 0px rgba(255,255,255, 0.855) , 434px 1555px 0 0px rgba(255,255,255, 0.396) , 406px 684px 0 0px rgba(255,255,255, 0.353) , 664px 1524px 0 0px rgba(255,255,255, 0.407) , 1396px 1406px 0 0px rgba(255,255,255, 0.183) , 649px 1071px 0 0px rgba(255,255,255, 0.494) , 1154px 1184px 0 0px rgba(255,255,255, 0.017) , 1228px 331px 0 0px rgba(255,255,255, 0.03) , 172px 1097px 0 0px rgba(255,255,255, 0.675) , 888px 1732px 0 0px rgba(255,255,255, 0.004) , 178px 375px 0 0px rgba(255,255,255, 0.249) , 1413px 89px 0 0px rgba(255,255,255, 0.948) , 580px 399px 0 0px rgba(255,255,255, 0.91) , 1024px 1778px 0 0px rgba(255,255,255, 0.045) , 314px 600px 0 0px rgba(255,255,255, 0.067) , 1662px 1033px 0 0px rgba(255,255,255, 0.726) , 157px 1179px 0 0px rgba(255,255,255, 0.854) , 821px 265px 0 0px rgba(255,255,255, 0.743) , 4px 1444px 0 0px rgba(255,255,255, 0.141) , 280px 724px 0 0px rgba(255,255,255, 0.574) , 1019px 806px 0 0px rgba(255,255,255, 0.411) , 222px 671px 0 0px rgba(255,255,255, 0.532) , 1474px 317px 0 0px rgba(255,255,255, 0.336) , 129px 1601px 0 0px rgba(255,255,255, 0.173) , 522px 1311px 0 0px rgba(255,255,255, 0.765) , 631px 847px 0 0px rgba(255,255,255, 0.034) , 1279px 590px 0 0px rgba(255,255,255, 0.491) , 468px 300px 0 0px rgba(255,255,255, 0.939) , 1054px 536px 0 0px rgba(255,255,255, 0.411) , 1239px 19px 0 0px rgba(255,255,255, 0.867) , 698px 1729px 0 0px rgba(255,255,255, 0.292) , 71px 474px 0 0px rgba(255,255,255, 0.01) , 1733px 1356px 0 0px rgba(255,255,255, 0.966) , 1588px 800px 0 0px rgba(255,255,255, 0.692) , 1622px 346px 0 0px rgba(255,255,255, 0.008) , 918px 219px 0 0px rgba(255,255,255, 0.164) , 1735px 1656px 0 0px rgba(255,255,255, 0.676) , 854px 1682px 0 0px rgba(255,255,255, 0.871) , 927px 122px 0 0px rgba(255,255,255, 0.486) , 1595px 586px 0 0px rgba(255,255,255, 0.876) , 162px 762px 0 0px rgba(255,255,255, 0.413) , 162px 1255px 0 0px rgba(255,255,255, 0.188) , 147px 911px 0 0px rgba(255,255,255, 0.787) , 1557px 526px 0 0px rgba(255,255,255, 0.104) , 1338px 1772px 0 0px rgba(255,255,255, 0.722) , 1497px 861px 0 0px rgba(255,255,255, 0.711) , 1242px 36px 0 0px rgba(255,255,255, 0.032) , 399px 861px 0 0px rgba(255,255,255, 0.547) , 419px 431px 0 0px rgba(255,255,255, 0.977) , 1113px 1245px 0 0px rgba(255,255,255, 0.43) , 983px 384px 0 0px rgba(255,255,255, 0.052) , 918px 396px 0 0px rgba(255,255,255, 0.471) , 1479px 1213px 0 0px rgba(255,255,255, 0.049) , 467px 1137px 0 0px rgba(255,255,255, 0.369) , 325px 177px 0 0px rgba(255,255,255, 0.081) , 446px 613px 0 0px rgba(255,255,255, 0.414) , 860px 919px 0 0px rgba(255,255,255, 0.66) , 793px 525px 0 0px rgba(255,255,255, 0.647) , 272px 407px 0 0px rgba(255,255,255, 0.897) , 1676px 1393px 0 0px rgba(255,255,255, 0.135) , 279px 767px 0 0px rgba(255,255,255, 0.843) , 1661px 1032px 0 0px rgba(255,255,255, 0.961) , 524px 1455px 0 0px rgba(255,255,255, 0.714) , 178px 771px 0 0px rgba(255,255,255, 0.982) , 1386px 101px 0 0px rgba(255,255,255, 0.429) , 91px 1698px 0 0px rgba(255,255,255, 0.18) , 789px 1569px 0 0px rgba(255,255,255, 0.618) , 1293px 395px 0 0px rgba(255,255,255, 0.437) , 1755px 649px 0 0px rgba(255,255,255, 0.927) , 1264px 652px 0 0px rgba(255,255,255, 0.499) , 712px 338px 0 0px rgba(255,255,255, 0.95) , 261px 500px 0 0px rgba(255,255,255, 0.246) , 112px 1579px 0 0px rgba(255,255,255, 0.198) , 363px 331px 0 0px rgba(255,255,255, 0.981) , 1287px 774px 0 0px rgba(255,255,255, 0.725) , 430px 312px 0 0px rgba(255,255,255, 0.032) , 574px 1298px 0 0px rgba(255,255,255, 0.652) , 218px 267px 0 0px rgba(255,255,255, 0.093) , 1183px 1585px 0 0px rgba(255,255,255, 0.138) , 838px 302px 0 0px rgba(255,255,255, 0.748) , 1798px 1605px 0 0px rgba(255,255,255, 0.124) , 1509px 211px 0 0px rgba(255,255,255, 0.921) , 1234px 596px 0 0px rgba(255,255,255, 0.981) , 685px 1499px 0 0px rgba(255,255,255, 0.865) , 1429px 1188px 0 0px rgba(255,255,255, 0.247) , 1659px 1435px 0 0px rgba(255,255,255, 0.06) , 705px 724px 0 0px rgba(255,255,255, 0.649) , 1724px 557px 0 0px rgba(255,255,255, 0.467) , 1303px 1491px 0 0px rgba(255,255,255, 0.397) , 431px 898px 0 0px rgba(255,255,255, 0.219) , 1232px 1338px 0 0px rgba(255,255,255, 0.018) , 1647px 835px 0 0px rgba(255,255,255, 0.874) , 1419px 143px 0 0px rgba(255,255,255, 0.281) , 924px 920px 0 0px rgba(255,255,255, 0.815) , 1635px 1388px 0 0px rgba(255,255,255, 0.247) , 907px 140px 0 0px rgba(255,255,255, 0.81) , 597px 535px 0 0px rgba(255,255,255, 0.892) , 1622px 737px 0 0px rgba(255,255,255, 0.924) , 985px 634px 0 0px rgba(255,255,255, 0.388) , 1240px 1452px 0 0px rgba(255,255,255, 0.472) , 1083px 1198px 0 0px rgba(255,255,255, 0.391) , 129px 757px 0 0px rgba(255,255,255, 0.325) , 1523px 611px 0 0px rgba(255,255,255, 0.393) , 1103px 437px 0 0px rgba(255,255,255, 0.002) , 1566px 1110px 0 0px rgba(255,255,255, 0.363) , 1624px 788px 0 0px rgba(255,255,255, 0.142) , 1314px 1666px 0 0px rgba(255,255,255, 0.322) , 625px 624px 0 0px rgba(255,255,255, 0.132) , 1111px 636px 0 0px rgba(255,255,255, 0.365) , 133px 1643px 0 0px rgba(255,255,255, 0.16) , 1372px 1677px 0 0px rgba(255,255,255, 0.517) , 509px 1672px 0 0px rgba(255,255,255, 0.239) , 493px 731px 0 0px rgba(255,255,255, 0.11) , 545px 1098px 0 0px rgba(255,255,255, 0.46) , 1370px 696px 0 0px rgba(255,255,255, 0.142) , 366px 9px 0 0px rgba(255,255,255, 0.869) , 333px 142px 0 0px rgba(255,255,255, 0.797) , 1376px 859px 0 0px rgba(255,255,255, 0.581) , 610px 834px 0 0px rgba(255,255,255, 0.576) , 468px 1696px 0 0px rgba(255,255,255, 0.123) , 1555px 1684px 0 0px rgba(255,255,255, 0.912) , 873px 369px 0 0px rgba(255,255,255, 0.282) , 1338px 447px 0 0px rgba(255,255,255, 0.277) , 1710px 777px 0 0px rgba(255,255,255, 0.946) , 1152px 1161px 0 0px rgba(255,255,255, 0.381) , 1711px 216px 0 0px rgba(255,255,255, 0.133) , 283px 1606px 0 0px rgba(255,255,255, 0.359) , 1283px 271px 0 0px rgba(255,255,255, 0.186) , 1073px 1304px 0 0px rgba(255,255,255, 0.377) , 1650px 865px 0 0px rgba(255,255,255, 0.595) , 959px 219px 0 0px rgba(255,255,255, 0.139) , 187px 262px 0 0px rgba(255,255,255, 0.383) , 364px 345px 0 0px rgba(255,255,255, 0.83) , 1678px 1504px 0 0px rgba(255,255,255, 0.395) , 7px 47px 0 0px rgba(255,255,255, 0.957) , 649px 249px 0 0px rgba(255,255,255, 0.866) , 1609px 881px 0 0px rgba(255,255,255, 0.252) , 1467px 1786px 0 0px rgba(255,255,255, 0.918) , 1521px 1771px 0 0px rgba(255,255,255, 0.297) , 1697px 1165px 0 0px rgba(255,255,255, 0.049) , 1302px 1669px 0 0px rgba(255,255,255, 0.867) , 1034px 446px 0 0px rgba(255,255,255, 0.877) , 1380px 213px 0 0px rgba(255,255,255, 0.723) , 1073px 258px 0 0px rgba(255,255,255, 0.897) , 1160px 1795px 0 0px rgba(255,255,255, 0.703) , 796px 1362px 0 0px rgba(255,255,255, 0.94) , 1183px 197px 0 0px rgba(255,255,255, 0.3) , 1318px 1215px 0 0px rgba(255,255,255, 0.823) , 1199px 214px 0 0px rgba(255,255,255, 0.598) , 318px 1794px 0 0px rgba(255,255,255, 0.929) , 1098px 320px 0 0px rgba(255,255,255, 0.587) , 1341px 662px 0 0px rgba(255,255,255, 0.241) , 1497px 1511px 0 0px rgba(255,255,255, 0.39) , 1174px 750px 0 0px rgba(255,255,255, 0.408) , 78px 1344px 0 0px rgba(255,255,255, 0.265) , 344px 965px 0 0px rgba(255,255,255, 0.041) , 75px 1389px 0 0px rgba(255,255,255, 0.714) , 683px 654px 0 0px rgba(255,255,255, 0.421) , 1053px 306px 0 0px rgba(255,255,255, 0.501) , 1492px 379px 0 0px rgba(255,255,255, 0.66) , 1139px 194px 0 0px rgba(255,255,255, 0.86) , 1333px 1692px 0 0px rgba(255,255,255, 0.687) , 664px 1456px 0 0px rgba(255,255,255, 0.894) , 616px 1265px 0 0px rgba(255,255,255, 0.991) , 535px 593px 0 0px rgba(255,255,255, 0.642) , 107px 67px 0 0px rgba(255,255,255, 0.978) , 1307px 256px 0 0px rgba(255,255,255, 0.284) , 53px 1776px 0 0px rgba(255,255,255, 0.527) , 1167px 1243px 0 0px rgba(255,255,255, 0.416) , 758px 591px 0 0px rgba(255,255,255, 0.639) , 1212px 485px 0 0px rgba(255,255,255, 0.185) , 1087px 580px 0 0px rgba(255,255,255, 0.589) , 502px 262px 0 0px rgba(255,255,255, 0.5) , 730px 1581px 0 0px rgba(255,255,255, 0.01) , 1687px 400px 0 0px rgba(255,255,255, 0.901) , 659px 166px 0 0px rgba(255,255,255, 0.71) , 1226px 1208px 0 0px rgba(255,255,255, 0.23) , 889px 893px 0 0px rgba(255,255,255, 0.686) , 763px 875px 0 0px rgba(255,255,255, 0.406) , 669px 942px 0 0px rgba(255,255,255, 0.687) , 1328px 1568px 0 0px rgba(255,255,255, 0.362) , 1429px 1768px 0 0px rgba(255,255,255, 0.343) , 759px 1140px 0 0px rgba(255,255,255, 0.174) , 1515px 1653px 0 0px rgba(255,255,255, 0.57) , 82px 1204px 0 0px rgba(255,255,255, 0.562) , 1676px 447px 0 0px rgba(255,255,255, 0.582) , 1038px 1221px 0 0px rgba(255,255,255, 0.502) , 1271px 67px 0 0px rgba(255,255,255, 0.711) , 562px 1146px 0 0px rgba(255,255,255, 0.239) , 1098px 321px 0 0px rgba(255,255,255, 0.178) , 949px 1094px 0 0px rgba(255,255,255, 0.952) , 1338px 979px 0 0px rgba(255,255,255, 0.779) , 192px 237px 0 0px rgba(255,255,255, 0.115) , 463px 299px 0 0px rgba(255,255,255, 0.644) , 187px 1716px 0 0px rgba(255,255,255, 0.382) , 441px 354px 0 0px rgba(255,255,255, 0.755) , 577px 1772px 0 0px rgba(255,255,255, 0.854) , 539px 643px 0 0px rgba(255,255,255, 0.268) , 590px 1702px 0 0px rgba(255,255,255, 0.978) , 233px 893px 0 0px rgba(255,255,255, 0.752) , 1350px 1035px 0 0px rgba(255,255,255, 0.216) , 463px 374px 0 0px rgba(255,255,255, 0.803) , 15px 88px 0 0px rgba(255,255,255, 0.322) , 515px 1798px 0 0px rgba(255,255,255, 0.471) , 1508px 63px 0 0px rgba(255,255,255, 0.849) , 1206px 737px 0 0px rgba(255,255,255, 0.338) , 1720px 1452px 0 0px rgba(255,255,255, 0.211) , 709px 1486px 0 0px rgba(255,255,255, 0.839) , 1513px 1080px 0 0px rgba(255,255,255, 0.699) , 1241px 216px 0 0px rgba(255,255,255, 0.795) , 1359px 1443px 0 0px rgba(255,255,255, 0.711) , 1566px 566px 0 0px rgba(255,255,255, 0.93) , 841px 1056px 0 0px rgba(255,255,255, 0.104) , 697px 741px 0 0px rgba(255,255,255, 0.33) , 1429px 610px 0 0px rgba(255,255,255, 0.502) , 1182px 507px 0 0px rgba(255,255,255, 0.924) , 754px 952px 0 0px rgba(255,255,255, 0.253) , 751px 506px 0 0px rgba(255,255,255, 0.245) , 402px 715px 0 0px rgba(255,255,255, 0.408) , 1097px 229px 0 0px rgba(255,255,255, 0.84) , 154px 884px 0 0px rgba(255,255,255, 0.659) , 50px 1042px 0 0px rgba(255,255,255, 0.804) , 367px 1768px 0 0px rgba(255,255,255, 0.19) , 1601px 1755px 0 0px rgba(255,255,255, 0.306) , 94px 109px 0 0px rgba(255,255,255, 0.735) , 539px 86px 0 0px rgba(255,255,255, 0.18) , 680px 1496px 0 0px rgba(255,255,255, 0.816) , 322px 515px 0 0px rgba(255,255,255, 0.736) , 15px 1096px 0 0px rgba(255,255,255, 0.044) , 1435px 1794px 0 0px rgba(255,255,255, 0.343) , 1752px 266px 0 0px rgba(255,255,255, 0.449) , 808px 996px 0 0px rgba(255,255,255, 0.71) , 1336px 1321px 0 0px rgba(255,255,255, 0.272) , 687px 1189px 0 0px rgba(255,255,255, 0.796) , 992px 397px 0 0px rgba(255,255,255, 0.832) , 73px 1517px 0 0px rgba(255,255,255, 0.509) , 970px 338px 0 0px rgba(255,255,255, 0.119) , 1207px 1749px 0 0px rgba(255,255,255, 0.352) , 1367px 501px 0 0px rgba(255,255,255, 0.645) , 133px 593px 0 0px rgba(255,255,255, 0.49) , 453px 1589px 0 0px rgba(255,255,255, 0.234) , 698px 42px 0 0px rgba(255,255,255, 0.029) , 1093px 1424px 0 0px rgba(255,255,255, 0.592) , 471px 521px 0 0px rgba(255,255,255, 0.38) , 1355px 712px 0 0px rgba(255,255,255, 0.935) , 412px 466px 0 0px rgba(255,255,255, 0.343) , 369px 298px 0 0px rgba(255,255,255, 0.942) , 1675px 584px 0 0px rgba(255,255,255, 0.49) , 279px 353px 0 0px rgba(255,255,255, 0.779) , 1099px 60px 0 0px rgba(255,255,255, 0.811) , 1615px 165px 0 0px rgba(255,255,255, 0.968) , 1754px 1497px 0 0px rgba(255,255,255, 0.468) , 709px 1069px 0 0px rgba(255,255,255, 0.231) , 19px 1209px 0 0px rgba(255,255,255, 0.51) , 1641px 651px 0 0px rgba(255,255,255, 0.489) , 1718px 586px 0 0px rgba(255,255,255, 0.801) , 1281px 1673px 0 0px rgba(255,255,255, 0.74) , 339px 1369px 0 0px rgba(255,255,255, 0.498) , 799px 1535px 0 0px rgba(255,255,255, 0.17) , 625px 532px 0 0px rgba(255,255,255, 0.985) , 649px 642px 0 0px rgba(255,255,255, 0.461) , 1290px 229px 0 0px rgba(255,255,255, 0.474) , 469px 342px 0 0px rgba(255,255,255, 0.498) , 1234px 1602px 0 0px rgba(255,255,255, 0.631) , 231px 1509px 0 0px rgba(255,255,255, 0.34) , 508px 360px 0 0px rgba(255,255,255, 0.307) , 1362px 1514px 0 0px rgba(255,255,255, 0.99) , 876px 51px 0 0px rgba(255,255,255, 0.189) , 1749px 1401px 0 0px rgba(255,255,255, 0.296) , 60px 203px 0 0px rgba(255,255,255, 0.588) , 648px 2px 0 0px rgba(255,255,255, 0.691) , 1227px 234px 0 0px rgba(255,255,255, 0.513) , 1553px 1501px 0 0px rgba(255,255,255, 0.798) , 218px 240px 0 0px rgba(255,255,255, 0.019) , 164px 1675px 0 0px rgba(255,255,255, 0.581) , 1627px 1661px 0 0px rgba(255,255,255, 0.772) , 158px 11px 0 0px rgba(255,255,255, 0.888) , 1438px 1671px 0 0px rgba(255,255,255, 0.902) , 839px 294px 0 0px rgba(255,255,255, 0.596) , 404px 1337px 0 0px rgba(255,255,255, 0.35) , 1363px 611px 0 0px rgba(255,255,255, 0.768) , 1568px 721px 0 0px rgba(255,255,255, 0.818) , 648px 1650px 0 0px rgba(255,255,255, 0.399) , 317px 1459px 0 0px rgba(255,255,255, 0.194) , 43px 851px 0 0px rgba(255,255,255, 0.407) , 1476px 1260px 0 0px rgba(255,255,255, 0.464) , 991px 728px 0 0px rgba(255,255,255, 0.02) , 620px 578px 0 0px rgba(255,255,255, 0.033) , 212px 1408px 0 0px rgba(255,255,255, 0.15) , 103px 1774px 0 0px rgba(255,255,255, 0.383) , 1741px 1376px 0 0px rgba(255,255,255, 0.886) , 1405px 153px 0 0px rgba(255,255,255, 0.306) , 220px 462px 0 0px rgba(255,255,255, 0.115) , 495px 313px 0 0px rgba(255,255,255, 0.405) , 356px 1152px 0 0px rgba(255,255,255, 0.176) , 255px 1255px 0 0px rgba(255,255,255, 0.638) , 1269px 1634px 0 0px rgba(255,255,255, 0.607) , 1113px 1694px 0 0px rgba(255,255,255, 0.29) , 54px 1686px 0 0px rgba(255,255,255, 0.34) , 284px 821px 0 0px rgba(255,255,255, 0.39) , 1458px 333px 0 0px rgba(255,255,255, 0.139) , 1474px 10px 0 0px rgba(255,255,255, 0.209) , 355px 678px 0 0px rgba(255,255,255, 0.842) , 204px 1611px 0 0px rgba(255,255,255, 0.425) , 1015px 652px 0 0px rgba(255,255,255, 0.605) , 1442px 1246px 0 0px rgba(255,255,255, 0.457) , 448px 765px 0 0px rgba(255,255,255, 0.343) , 883px 1673px 0 0px rgba(255,255,255, 0.603) , 1228px 1240px 0 0px rgba(255,255,255, 0.951) , 1146px 196px 0 0px rgba(255,255,255, 0.023) , 568px 372px 0 0px rgba(255,255,255, 0.085) , 710px 284px 0 0px rgba(255,255,255, 0.215) , 1284px 1698px 0 0px rgba(255,255,255, 0.723) , 561px 417px 0 0px rgba(255,255,255, 0.911) , 1190px 964px 0 0px rgba(255,255,255, 0.386) , 871px 684px 0 0px rgba(255,255,255, 0.457) , 1570px 719px 0 0px rgba(255,255,255, 0.823) , 1052px 647px 0 0px rgba(255,255,255, 0.437) , 1645px 1523px 0 0px rgba(255,255,255, 0.715) , 1208px 448px 0 0px rgba(255,255,255, 0.7) , 643px 600px 0 0px rgba(255,255,255, 0.086) , 1333px 1087px 0 0px rgba(255,255,255, 0.167) , 55px 7px 0 0px rgba(255,255,255, 0.776) , 380px 193px 0 0px rgba(255,255,255, 0.361) , 71px 1414px 0 0px rgba(255,255,255, 0.778) , 789px 90px 0 0px rgba(255,255,255, 0.649) , 1713px 993px 0 0px rgba(255,255,255, 0.647) , 548px 350px 0 0px rgba(255,255,255, 0.512) , 834px 315px 0 0px rgba(255,255,255, 0.181) , 828px 122px 0 0px rgba(255,255,255, 0.435) , 150px 117px 0 0px rgba(255,255,255, 0.086) , 925px 877px 0 0px rgba(255,255,255, 0.949) , 1357px 45px 0 0px rgba(255,255,255, 0.525) , 949px 931px 0 0px rgba(255,255,255, 0.506) , 1614px 954px 0 0px rgba(255,255,255, 0.818) , 958px 1672px 0 0px rgba(255,255,255, 0.89) , 216px 860px 0 0px rgba(255,255,255, 0.823) , 206px 1355px 0 0px rgba(255,255,255, 0.065) , 1293px 1568px 0 0px rgba(255,255,255, 0.309) , 837px 980px 0 0px rgba(255,255,255, 0.128) , 791px 350px 0 0px rgba(255,255,255, 0.378) , 232px 1683px 0 0px rgba(255,255,255, 0.198) , 523px 1149px 0 0px rgba(255,255,255, 0.645) , 393px 1483px 0 0px rgba(255,255,255, 0.674) , 288px 1724px 0 0px rgba(255,255,255, 0.03) , 1118px 261px 0 0px rgba(255,255,255, 0.846) , 1666px 1009px 0 0px rgba(255,255,255, 0.668) , 647px 149px 0 0px rgba(255,255,255, 0.26) , 1074px 1745px 0 0px rgba(255,255,255, 0.587) , 932px 1567px 0 0px rgba(255,255,255, 0.431) , 1403px 1784px 0 0px rgba(255,255,255, 0.08) , 528px 442px 0 0px rgba(255,255,255, 0.627) , 1236px 214px 0 0px rgba(255,255,255, 0.273) , 192px 75px 0 0px rgba(255,255,255, 0.516) , 702px 620px 0 0px rgba(255,255,255, 0.103) , 1373px 1460px 0 0px rgba(255,255,255, 0.878) , 102px 737px 0 0px rgba(255,255,255, 0.372) , 1283px 112px 0 0px rgba(255,255,255, 0.429) , 1680px 923px 0 0px rgba(255,255,255, 0.14) , 833px 1235px 0 0px rgba(255,255,255, 0.801) , 1148px 1500px 0 0px rgba(255,255,255, 0.684) , 1469px 1092px 0 0px rgba(255,255,255, 0.916) , 1229px 236px 0 0px rgba(255,255,255, 0.094) , 624px 1762px 0 0px rgba(255,255,255, 0.696) , 814px 1055px 0 0px rgba(255,255,255, 0.35) , 685px 1763px 0 0px rgba(255,255,255, 0.415) , 938px 99px 0 0px rgba(255,255,255, 0.423) , 1409px 483px 0 0px rgba(255,255,255, 0.034) , 797px 414px 0 0px rgba(255,255,255, 0.692) , 852px 295px 0 0px rgba(255,255,255, 0.964) , 1765px 103px 0 0px rgba(255,255,255, 0.254) , 1696px 460px 0 0px rgba(255,255,255, 0.438) , 185px 222px 0 0px rgba(255,255,255, 0.903) , 901px 1343px 0 0px rgba(255,255,255, 0.542) , 400px 1117px 0 0px rgba(255,255,255, 0.608) , 627px 817px 0 0px rgba(255,255,255, 0.798) , 913px 805px 0 0px rgba(255,255,255, 0.582) , 1458px 242px 0 0px rgba(255,255,255, 0.553) , 1081px 535px 0 0px rgba(255,255,255, 0.225) , 347px 1240px 0 0px rgba(255,255,255, 0.711) , 791px 1181px 0 0px rgba(255,255,255, 0.275) , 1714px 1614px 0 0px rgba(255,255,255, 0.964) , 1308px 1428px 0 0px rgba(255,255,255, 0.423) , 256px 967px 0 0px rgba(255,255,255, 0.763) , 633px 810px 0 0px rgba(255,255,255, 0.38) , 697px 1305px 0 0px rgba(255,255,255, 0.598) , 72px 144px 0 0px rgba(255,255,255, 0.082) , 796px 577px 0 0px rgba(255,255,255, 0.448) , 4px 632px 0 0px rgba(255,255,255, 0.859);
border-radius: 100px;
}
.solar-syst div {
border-radius: 1000px;
top: 50%;
left: 50%;
position: absolute;
z-index: 999;
}
.solar-syst div:not(.sun) {
border: 1px solid rgba(102, 166, 229, 0.12);
}
.solar-syst div:not(.sun):before {
left: 50%;
border-radius: 100px;
content: "";
position: absolute;
}
.solar-syst div:not(.asteroids-belt):before {
box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25);
}
.sun {
background: radial-gradient(ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100%);
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
background-clip: padding-box;
border: 0 !important;
background-position: -28px -103px;
background-size: 175%;
box-shadow: 0 0 10px 2px rgba(255, 107, 0, 0.4), 0 0 22px 11px rgba(255, 203, 0, 0.13);
}
.mercury {
height: 70px;
width: 70px;
margin-top: -35px;
margin-left: -35px;
-webkit-animation: orb 7.1867343561s linear infinite;
animation: orb 7.1867343561s linear infinite;
}
.mercury:before {
height: 4px;
width: 4px;
background: #9f5e26;
margin-top: -2px;
margin-left: -2px;
}
.venus {
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
-webkit-animation: orb 18.4555338265s linear infinite;
animation: orb 18.4555338265s linear infinite;
}
.venus:before {
height: 8px;
width: 8px;
background: #BEB768;
margin-top: -4px;
margin-left: -4px;
}
.earth {
height: 145px;
width: 145px;
margin-top: -72.5px;
margin-left: -72.5px;
-webkit-animation: orb 30s linear infinite;
animation: orb 30s linear infinite;
}
.earth:before {
height: 6px;
width: 6px;
background: #11abe9;
margin-top: -3px;
margin-left: -3px;
}
.earth:after {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 50%;
top: 0px;
margin-left: -9px;
margin-top: -9px;
border-radius: 100px;
box-shadow: 0 -10px 0 -8px grey;
-webkit-animation: orb 2.2440352158s linear infinite;
animation: orb 2.2440352158s linear infinite;
}
.mars {
height: 190px;
width: 190px;
margin-top: -95px;
margin-left: -95px;
-webkit-animation: orb 56.4261314589s linear infinite;
animation: orb 56.4261314589s linear infinite;
}
.mars:before {
height: 6px;
width: 6px;
background: #cf3921;
margin-top: -3px;
margin-left: -3px;
}
.jupiter {
height: 340px;
width: 340px;
margin-top: -170px;
margin-left: -170px;
-webkit-animation: orb 355.7228171013s linear infinite;
animation: orb 355.7228171013s linear infinite;
}
.jupiter:before {
height: 18px;
width: 18px;
background: #c76e2a;
margin-top: -9px;
margin-left: -9px;
}
.saturn {
height: 440px;
width: 440px;
margin-top: -220px;
margin-left: -220px;
-webkit-animation: orb 882.6952471456s linear infinite;
animation: orb 882.6952471456s linear infinite;
}
.saturn:before {
height: 12px;
width: 12px;
background: #e7c194;
margin-top: -6px;
margin-left: -6px;
}
.saturn:after {
position: absolute;
content: "";
height: 2.34%;
width: 4.676%;
left: 50%;
top: 0px;
transform: rotateZ(-52deg);
margin-left: -2.3%;
margin-top: -1.2%;
border-radius: 50% 50% 50% 50%;
box-shadow: 0 1px 0 1px #987641, 3px 1px 0 #987641, -3px 1px 0 #987641;
-webkit-animation: orb 882.6952471456s linear infinite;
animation: orb 882.6952471456s linear infinite;
animation-direction: reverse;
transform-origin: 52% 60%;
}
.uranus {
height: 520px;
width: 520px;
margin-top: -260px;
margin-left: -260px;
-webkit-animation: orb 2512.4001967933s linear infinite;
animation: orb 2512.4001967933s linear infinite;
}
.uranus:before {
height: 10px;
width: 10px;
background: #b5e3e3;
margin-top: -5px;
margin-left: -5px;
}
.neptune {
height: 630px;
width: 630px;
margin-top: -315px;
margin-left: -315px;
-webkit-animation: orb 4911.7838624549s linear infinite;
animation: orb 4911.7838624549s linear infinite;
}
.neptune:before {
height: 10px;
width: 10px;
background: #175e9e;
margin-top: -5px;
margin-left: -5px;
}
.asteroids-belt {
opacity: 0.7;
border-color: transparent !important;
height: 300px;
width: 300px;
margin-top: -150px;
margin-left: -150px;
-webkit-animation: orb 179.9558282773s linear infinite;
animation: orb 179.9558282773s linear infinite;
overflow: hidden;
}
.asteroids-belt:before {
top: 50%;
height: 210px;
width: 210px;
margin-left: -105px;
margin-top: -105px;
background: transparent;
border-radius: 140px !important;
box-shadow: -140px -86px 0 -104px rgba(255, 255, 255, 0.852) , 73px 110px 0 -104px rgba(255,255,255, 0.556) , -113px 24px 0 -104px rgba(255,255,255, 0.672) , -46px 37px 0 -104px rgba(255,255,255, 0.464) , 80px 119px 0 -104px rgba(255,255,255, 0.334) , 138px 126px 0 -104px rgba(255,255,255, 0.953) , -15px 125px 0 -104px rgba(255,255,255, 0.876) , -88px 57px 0 -104px rgba(255,255,255, 0.979) , 113px -13px 0 -104px rgba(255,255,255, 0.227) , 28px -35px 0 -104px rgba(255,255,255, 0.672) , 54px -25px 0 -104px rgba(255,255,255, 0.583) , -67px -74px 0 -104px rgba(255,255,255, 0.774) , 39px 136px 0 -104px rgba(255,255,255, 0.724) , 114px 26px 0 -104px rgba(255,255,255, 0.412) , 73px -120px 0 -104px rgba(255,255,255, 0.714) , -26px -93px 0 -104px rgba(255,255,255, 0.874) , 26px -85px 0 -104px rgba(255,255,255, 0.875) , 139px -118px 0 -104px rgba(255,255,255, 0.389) , 57px 20px 0 -104px rgba(255,255,255, 0.904) , -10px 102px 0 -104px rgba(255,255,255, 0.928) , -49px -69px 0 -104px rgba(255,255,255, 0.297) , -7px -80px 0 -104px rgba(255,255,255, 0.249) , 24px -20px 0 -104px rgba(255,255,255, 0.772) , -33px 2px 0 -104px rgba(255,255,255, 0.761) , 123px 64px 0 -104px rgba(255,255,255, 0.118) , 70px -48px 0 -104px rgba(255,255,255, 0.741) , -127px 75px 0 -104px rgba(255,255,255, 0.313) , 11px -109px 0 -104px rgba(255,255,255, 0.916) , 122px -101px 0 -104px rgba(255,255,255, 0.742) , -47px -49px 0 -104px rgba(255,255,255, 0.841) , 27px 92px 0 -104px rgba(255,255,255, 0.538) , -100px 57px 0 -104px rgba(255,255,255, 0.519) , 121px -39px 0 -104px rgba(255,255,255, 0.358) , -93px -119px 0 -104px rgba(255,255,255, 0.22) , -41px 98px 0 -104px rgba(255,255,255, 0.926) , -111px 87px 0 -104px rgba(255,255,255, 0.308) , -2px 132px 0 -104px rgba(255,255,255, 0.077) , -72px 77px 0 -104px rgba(255,255,255, 0.616) , 112px -3px 0 -104px rgba(255,255,255, 0.682) , -65px 68px 0 -104px rgba(255,255,255, 0.46) , 90px 48px 0 -104px rgba(255,255,255, 0.923) , 69px -43px 0 -104px rgba(255,255,255, 0.661) , -68px -32px 0 -104px rgba(255,255,255, 0.493) , 22px -110px 0 -104px rgba(255,255,255, 0.28) , 133px -115px 0 -104px rgba(255,255,255, 0.877) , -31px 130px 0 -104px rgba(255,255,255, 0.425) , 78px -67px 0 -104px rgba(255,255,255, 0.126) , -4px -54px 0 -104px rgba(255,255,255, 0.864) , 99px -137px 0 -104px rgba(255,255,255, 0.805) , 91px 91px 0 -104px rgba(255,255,255, 0.08) , 31px -122px 0 -104px rgba(255,255,255, 0.601) , -117px 81px 0 -104px rgba(255,255,255, 0.053) , 89px 11px 0 -104px rgba(255,255,255, 0.6) , 125px -95px 0 -104px rgba(255,255,255, 0.867) , 93px -17px 0 -104px rgba(255,255,255, 0.943) , 33px 135px 0 -104px rgba(255,255,255, 0.003) , 125px 69px 0 -104px rgba(255,255,255, 0.021) , 127px 51px 0 -104px rgba(255,255,255, 0.484) , -82px -134px 0 -104px rgba(255,255,255, 0.045) , 1px 92px 0 -104px rgba(255,255,255, 0.744) , 82px -64px 0 -104px rgba(255,255,255, 0.433) , -31px 138px 0 -104px rgba(255,255,255, 0.831) , 32px -138px 0 -104px rgba(255,255,255, 0.47) , 105px 34px 0 -104px rgba(255,255,255, 0.728) , -23px -136px 0 -104px rgba(255,255,255, 0.854) , -2px -85px 0 -104px rgba(255,255,255, 0.036) , 66px -30px 0 -104px rgba(255,255,255, 0.369) , 47px -44px 0 -104px rgba(255,255,255, 0.855) , 133px 95px 0 -104px rgba(255,255,255, 0.025) , 98px 124px 0 -104px rgba(255,255,255, 0.434) , 132px -63px 0 -104px rgba(255,255,255, 0.191) , 20px 44px 0 -104px rgba(255,255,255, 0.23) , 53px 115px 0 -104px rgba(255,255,255, 0.183) , 135px 99px 0 -104px rgba(255,255,255, 0.41) , -10px 34px 0 -104px rgba(255,255,255, 0.403) , -70px 115px 0 -104px rgba(255,255,255, 0.514) , 32px -29px 0 -104px rgba(255,255,255, 0.78) , 119px 13px 0 -104px rgba(255,255,255, 0.515) , 126px -20px 0 -104px rgba(255,255,255, 0.701) , -87px -59px 0 -104px rgba(255,255,255, 0.312) , -122px 61px 0 -104px rgba(255,255,255, 0.143) , -19px -13px 0 -104px rgba(255,255,255, 0.972) , 114px -70px 0 -104px rgba(255,255,255, 0.512) , 61px -6px 0 -104px rgba(255,255,255, 0.006) , 116px 41px 0 -104px rgba(255,255,255, 0.628) , 62px -24px 0 -104px rgba(255,255,255, 0.1) , -28px -81px 0 -104px rgba(255,255,255, 0.301) , 131px 46px 0 -104px rgba(255,255,255, 0.389) , -56px -96px 0 -104px rgba(255,255,255, 0.788) , 132px -126px 0 -104px rgba(255,255,255, 0.274) , -79px 64px 0 -104px rgba(255,255,255, 0.212) , -59px -77px 0 -104px rgba(255,255,255, 0.062) , 136px -78px 0 -104px rgba(255,255,255, 0.169) , -12px -138px 0 -104px rgba(255,255,255, 0.333) , 51px 32px 0 -104px rgba(255,255,255, 0.007) , -33px -118px 0 -104px rgba(255,255,255, 0.853) , -50px -59px 0 -104px rgba(255,255,255, 0.408) , 118px 6px 0 -104px rgba(255,255,255, 0.717) , 50px 56px 0 -104px rgba(255,255,255, 0.574) , -65px 99px 0 -104px rgba(255,255,255, 0.616) , 132px -106px 0 -104px rgba(255,255,255, 0.475) , 134px -72px 0 -104px rgba(255,255,255, 0.718) , -133px -57px 0 -104px rgba(255,255,255, 0.62) , 15px -16px 0 -104px rgba(255,255,255, 0.91) , -110px 96px 0 -104px rgba(255,255,255, 0.443) , 124px 83px 0 -104px rgba(255,255,255, 0.5) , 93px 30px 0 -104px rgba(255,255,255, 0.289) , 37px 44px 0 -104px rgba(255,255,255, 0.82) , 120px -65px 0 -104px rgba(255,255,255, 0.659) , 54px -11px 0 -104px rgba(255,255,255, 0.398) , 140px 77px 0 -104px rgba(255,255,255, 0.906) , 83px -29px 0 -104px rgba(255,255,255, 0.632) , -120px -88px 0 -104px rgba(255,255,255, 0.548) , 117px 27px 0 -104px rgba(255,255,255, 0.46) , -37px -54px 0 -104px rgba(255,255,255, 0.934) , 63px -19px 0 -104px rgba(255,255,255, 0.737) , 134px 52px 0 -104px rgba(255,255,255, 0.634) , 36px 30px 0 -104px rgba(255,255,255, 0.895) , 131px 63px 0 -104px rgba(255,255,255, 0.923) , -116px -24px 0 -104px rgba(255,255,255, 0.941) , -106px -63px 0 -104px rgba(255,255,255, 0.416) , 5px 123px 0 -104px rgba(255,255,255, 0.985) , 138px 75px 0 -104px rgba(255,255,255, 0.46) , -51px 58px 0 -104px rgba(255,255,255, 0.17) , -17px 44px 0 -104px rgba(255,255,255, 0.517) , 35px 117px 0 -104px rgba(255,255,255, 0.033) , 107px -47px 0 -104px rgba(255,255,255, 0.509) , 4px 125px 0 -104px rgba(255,255,255, 0.82) , 62px 119px 0 -104px rgba(255,255,255, 0.052) , 113px 7px 0 -104px rgba(255,255,255, 0.402) , -139px 76px 0 -104px rgba(255,255,255, 0.852) , -68px 41px 0 -104px rgba(255,255,255, 0.096) , -141px 32px 0 -104px rgba(255,255,255, 0.501) , 119px 102px 0 -104px rgba(255,255,255, 0.723) , 127px 87px 0 -104px rgba(255,255,255, 0.113) , 59px 1px 0 -104px rgba(255,255,255, 0.306) , 100px -53px 0 -104px rgba(255,255,255, 0.648) , 132px 59px 0 -104px rgba(255,255,255, 0.635) , -28px -89px 0 -104px rgba(255,255,255, 0.331) , 22px -133px 0 -104px rgba(255,255,255, 0.058) , 66px -87px 0 -104px rgba(255,255,255, 0.291) , -69px -67px 0 -104px rgba(255,255,255, 0.577) , -36px -136px 0 -104px rgba(255,255,255, 0.268) , 137px -36px 0 -104px rgba(255,255,255, 0.07) , 122px 7px 0 -104px rgba(255,255,255, 0.24) , 46px 45px 0 -104px rgba(255,255,255, 0.942) , 1px -12px 0 -104px rgba(255,255,255, 0.345) , 105px 110px 0 -104px rgba(255,255,255, 0.431) , 84px 23px 0 -104px rgba(255,255,255, 0.404) , 45px -121px 0 -104px rgba(255,255,255, 0.009) , 38px 48px 0 -104px rgba(255,255,255, 0.425) , -48px -22px 0 -104px rgba(255,255,255, 0.18) , -31px 123px 0 -104px rgba(255,255,255, 0.621) , -114px -32px 0 -104px rgba(255,255,255, 0.124) , -71px -26px 0 -104px rgba(255,255,255, 0.572) , 132px 12px 0 -104px rgba(255,255,255, 0.443) , -70px 131px 0 -104px rgba(255,255,255, 0.717) , -138px 59px 0 -104px rgba(255,255,255, 0.273) , 32px 36px 0 -104px rgba(255,255,255, 0.391) , -32px 16px 0 -104px rgba(255,255,255, 0.205) , 131px -76px 0 -104px rgba(255,255,255, 0.738) , 47px 53px 0 -104px rgba(255,255,255, 0.212) , 32px -50px 0 -104px rgba(255,255,255, 0.158) , -139px 30px 0 -104px rgba(255,255,255, 0.794) , 77px -32px 0 -104px rgba(255,255,255, 0.339) , 19px -82px 0 -104px rgba(255,255,255, 0.056) , 70px 0px 0 -104px rgba(255,255,255, 0.244) , 20px 62px 0 -104px rgba(255,255,255, 0.91) , -95px 101px 0 -104px rgba(255,255,255, 0.02) , 134px -139px 0 -104px rgba(255,255,255, 0.175) , 87px 11px 0 -104px rgba(255,255,255, 0.155) , 77px -62px 0 -104px rgba(255,255,255, 0.292) , -116px -68px 0 -104px rgba(255,255,255, 0.652) , 12px 104px 0 -104px rgba(255,255,255, 0.859) , 88px 108px 0 -104px rgba(255,255,255, 0.478) , -43px 113px 0 -104px rgba(255,255,255, 0.24) , -142px 145px 0 -104px rgba(255,255,255, 0.407) , 112px -28px 0 -104px rgba(255,255,255, 0.451) , 59px -21px 0 -104px rgba(255,255,255, 0.3) , -58px 37px 0 -104px rgba(255,255,255, 0.284) , -132px -77px 0 -104px rgba(255,255,255, 0.737) , 23px 34px 0 -104px rgba(255,255,255, 0.052) , 65px -82px 0 -104px rgba(255,255,255, 0.478) , 102px -124px 0 -104px rgba(255,255,255, 0.827) , 67px 63px 0 -104px rgba(255,255,255, 0.438) , -106px -69px 0 -104px rgba(255,255,255, 0.928) , -72px 122px 0 -104px rgba(255,255,255, 0.581) , 129px -143px 0 -104px rgba(255,255,255, 0.019) , 3px 109px 0 -104px rgba(255,255,255, 0.132) , 140px 55px 0 -104px rgba(255,255,255, 0.446) , 99px 78px 0 -104px rgba(255,255,255, 0.365) , 39px -16px 0 -104px rgba(255,255,255, 0.288) , 63px 73px 0 -104px rgba(255,255,255, 0.836) , 67px -50px 0 -104px rgba(255,255,255, 0.424) , 61px 102px 0 -104px rgba(255,255,255, 0.635) , -122px 3px 0 -104px rgba(255,255,255, 0.405) , -94px 26px 0 -104px rgba(255,255,255, 0.512) , 74px 106px 0 -104px rgba(255,255,255, 0.738) , 27px 139px 0 -104px rgba(255,255,255, 0.235) , -70px -80px 0 -104px rgba(255,255,255, 0.079) , 137px -58px 0 -104px rgba(255,255,255, 0.449) , -105px -80px 0 -104px rgba(255,255,255, 0.745) , 140px -40px 0 -104px rgba(255,255,255, 0.041) , -40px -74px 0 -104px rgba(255,255,255, 0.826) , -137px -107px 0 -104px rgba(255,255,255, 0.708) , 20px 20px 0 -104px rgba(255,255,255, 0.592) , -48px -104px 0 -104px rgba(255,255,255, 0.078) , 88px 2px 0 -104px rgba(255,255,255, 0.31) , -35px -77px 0 -104px rgba(255,255,255, 0.821) , -24px -142px 0 -104px rgba(255,255,255, 0.52) , 61px 63px 0 -104px rgba(255,255,255, 0.13) , 132px -97px 0 -104px rgba(255,255,255, 0.003) , 96px 44px 0 -104px rgba(255,255,255, 0.995) , -27px 14px 0 -104px rgba(255,255,255, 0.403) , -11px -18px 0 -104px rgba(255,255,255, 0.54) , -26px -115px 0 -104px rgba(255,255,255, 0.264) , 10px 3px 0 -104px rgba(255,255,255, 0.171) , 59px 40px 0 -104px rgba(255,255,255, 0.604) , 117px -46px 0 -104px rgba(255,255,255, 0.363) , -55px -42px 0 -104px rgba(255,255,255, 0.617) , -21px -102px 0 -104px rgba(255,255,255, 0.649) , 45px -58px 0 -104px rgba(255,255,255, 0.433) , 32px 48px 0 -104px rgba(255,255,255, 0.543) , -65px 67px 0 -104px rgba(255,255,255, 0.728) , -27px 92px 0 -104px rgba(255,255,255, 0.555) , -45px 113px 0 -104px rgba(255,255,255, 0.164) , -82px -113px 0 -104px rgba(255,255,255, 0.953) , -42px -76px 0 -104px rgba(255,255,255, 0.098) , 88px 136px 0 -104px rgba(255,255,255, 0.795) , 12px -120px 0 -104px rgba(255,255,255, 0.933) , -119px 51px 0 -104px rgba(255,255,255, 0.037) , -49px 19px 0 -104px rgba(255,255,255, 0.463) , 105px -90px 0 -104px rgba(255,255,255, 0.747) , 55px 117px 0 -104px rgba(255,255,255, 0.042) , 56px -54px 0 -104px rgba(255,255,255, 0.817) , 58px -32px 0 -104px rgba(255,255,255, 0.414) , 50px -12px 0 -104px rgba(255,255,255, 0.323) , 0px -92px 0 -104px rgba(255,255,255, 0.266) , 142px 129px 0 -104px rgba(255,255,255, 0.165) , 16px 28px 0 -104px rgba(255,255,255, 0.651) , 134px 24px 0 -104px rgba(255,255,255, 0.399) , -39px -12px 0 -104px rgba(255,255,255, 0.261) , 35px -144px 0 -104px rgba(255,255,255, 0.575) , 49px 32px 0 -104px rgba(255,255,255, 0.265) , -23px 59px 0 -104px rgba(255,255,255, 0.928) , 60px -64px 0 -104px rgba(255,255,255, 0.025) , 104px 143px 0 -104px rgba(255,255,255, 0.229) , 68px 94px 0 -104px rgba(255,255,255, 0.974) , -51px -68px 0 -104px rgba(255,255,255, 0.274) , -19px 47px 0 -104px rgba(255,255,255, 0.566) , 99px 76px 0 -104px rgba(255,255,255, 0.419) , -11px -108px 0 -104px rgba(255,255,255, 0.653) , 123px 100px 0 -104px rgba(255,255,255, 0.968) , -77px -116px 0 -104px rgba(255,255,255, 0.902) , 102px 69px 0 -104px rgba(255,255,255, 0.455) , 18px -122px 0 -104px rgba(255,255,255, 0.591) , -29px 21px 0 -104px rgba(255,255,255, 0.442) , 52px 119px 0 -104px rgba(255,255,255, 0.263) , 20px -34px 0 -104px rgba(255,255,255, 0.984) , -75px 109px 0 -104px rgba(255,255,255, 0.3) , -124px 18px 0 -104px rgba(255,255,255, 0.659) , -134px -67px 0 -104px rgba(255,255,255, 0.848) , 30px -61px 0 -104px rgba(255,255,255, 0.452) , 43px -58px 0 -104px rgba(255,255,255, 0.429) , 26px -67px 0 -104px rgba(255,255,255, 0.905) , -37px -48px 0 -104px rgba(255,255,255, 0.598) , -19px -16px 0 -104px rgba(255,255,255, 0.846) , -4px -139px 0 -104px rgba(255,255,255, 0.265) , -101px 5px 0 -104px rgba(255,255,255, 0.895) , 103px 111px 0 -104px rgba(255,255,255, 0.415) , 86px -79px 0 -104px rgba(255,255,255, 0.605) , 124px -92px 0 -104px rgba(255,255,255, 0.995) , -52px 61px 0 -104px rgba(255,255,255, 0.964) , 49px -17px 0 -104px rgba(255,255,255, 0.776) , -137px 118px 0 -104px rgba(255,255,255, 0.964) , -105px -52px 0 -104px rgba(255,255,255, 0.329) , -20px 19px 0 -104px rgba(255,255,255, 0.698) , 88px -107px 0 -104px rgba(255,255,255, 0.154) , -85px 123px 0 -104px rgba(255,255,255, 0.209) , -122px -83px 0 -104px rgba(255,255,255, 0.584) , -54px -71px 0 -104px rgba(255,255,255, 0.054) , 25px 95px 0 -104px rgba(255,255,255, 0.229) , 144px -27px 0 -104px rgba(255,255,255, 0.117) , 59px -69px 0 -104px rgba(255,255,255, 0.945) , 123px 124px 0 -104px rgba(255,255,255, 0.58) , -37px -114px 0 -104px rgba(255,255,255, 0.906) , 54px 17px 0 -104px rgba(255,255,255, 0.241) , 16px -23px 0 -104px rgba(255,255,255, 0.461) , 48px 56px 0 -104px rgba(255,255,255, 0.375) , -126px 53px 0 -104px rgba(255,255,255, 0.859) , -143px -134px 0 -104px rgba(255,255,255, 0.762) , 33px -91px 0 -104px rgba(255,255,255, 0.22) , 53px -38px 0 -104px rgba(255,255,255, 0.575) , 49px -137px 0 -104px rgba(255,255,255, 0.712) , 65px 133px 0 -104px rgba(255,255,255, 0.642) , -142px -67px 0 -104px rgba(255,255,255, 0.784) , 37px 99px 0 -104px rgba(255,255,255, 0.725) , -35px -80px 0 -104px rgba(255,255,255, 0.256) , -113px 60px 0 -104px rgba(255,255,255, 0.454) , 137px 27px 0 -104px rgba(255,255,255, 0.361) , -107px 67px 0 -104px rgba(255,255,255, 0.035) , -1px -136px 0 -104px rgba(255,255,255, 0.712) , 138px -47px 0 -104px rgba(255,255,255, 0.411) , 3px -58px 0 -104px rgba(255,255,255, 0.653) , 132px -121px 0 -104px rgba(255,255,255, 0.328) , -81px 122px 0 -104px rgba(255,255,255, 0.462) , -111px -49px 0 -104px rgba(255,255,255, 0.853) , 93px 13px 0 -104px rgba(255,255,255, 0.321) , 58px 7px 0 -104px rgba(255,255,255, 0.441) , -36px -71px 0 -104px rgba(255,255,255, 0.521) , 99px -136px 0 -104px rgba(255,255,255, 0.601) , 35px 18px 0 -104px rgba(255,255,255, 0.785) , 9px -58px 0 -104px rgba(255,255,255, 0.689) , 31px -129px 0 -104px rgba(255,255,255, 0.795) , 53px -13px 0 -104px rgba(255,255,255, 0.51) , -5px -104px 0 -104px rgba(255,255,255, 0.362) , -43px -104px 0 -104px rgba(255,255,255, 0.362) , 45px -115px 0 -104px rgba(255,255,255, 0.516) , -20px 77px 0 -104px rgba(255,255,255, 0.945) , 74px 68px 0 -104px rgba(255,255,255, 0.071) , -83px -17px 0 -104px rgba(255,255,255, 0.388) , 104px 74px 0 -104px rgba(255,255,255, 0.19) , -35px 64px 0 -104px rgba(255,255,255, 0.705) , -41px -2px 0 -104px rgba(255,255,255, 0.297) , 51px -74px 0 -104px rgba(255,255,255, 0.394) , 71px -131px 0 -104px rgba(255,255,255, 0.877) , -99px -127px 0 -104px rgba(255,255,255, 0.616) , 15px 125px 0 -104px rgba(255,255,255, 0.258) , 51px -22px 0 -104px rgba(255,255,255, 0.924) , 139px -42px 0 -104px rgba(255,255,255, 0.293) , -54px -33px 0 -104px rgba(255,255,255, 0.433) , -6px -61px 0 -104px rgba(255,255,255, 0.265) , -29px 91px 0 -104px rgba(255,255,255, 0.032) , 124px 22px 0 -104px rgba(255,255,255, 0.082) , -106px 93px 0 -104px rgba(255,255,255, 0.003) , 46px 58px 0 -104px rgba(255,255,255, 0.035) , 125px 76px 0 -104px rgba(255,255,255, 0.878) , -107px -85px 0 -104px rgba(255,255,255, 0.393) , 145px -26px 0 -104px rgba(255,255,255, 0.188) , 47px 59px 0 -104px rgba(255,255,255, 0.931) , -4px 73px 0 -104px rgba(255,255,255, 0.646) , -70px 5px 0 -104px rgba(255,255,255, 0.683) , -90px 79px 0 -104px rgba(255,255,255, 0.154) , 96px 143px 0 -104px rgba(255,255,255, 0.559) , -68px 88px 0 -104px rgba(255,255,255, 0.745) , -55px 36px 0 -104px rgba(255,255,255, 0.814) , -43px 22px 0 -104px rgba(255,255,255, 0.825) , 72px -109px 0 -104px rgba(255,255,255, 0.464) , -94px -102px 0 -104px rgba(255,255,255, 0.955) , -3px 1px 0 -104px rgba(255,255,255, 0.75) , -57px 87px 0 -104px rgba(255,255,255, 0.294) , 14px 36px 0 -104px rgba(255,255,255, 0.62) , -1px 117px 0 -104px rgba(255,255,255, 0.087) , 102px -62px 0 -104px rgba(255,255,255, 0.245) , -69px -38px 0 -104px rgba(255,255,255, 0.684) , -127px -112px 0 -104px rgba(255,255,255, 0.858) , 139px -50px 0 -104px rgba(255,255,255, 0.697) , -38px -66px 0 -104px rgba(255,255,255, 0.039) , -65px 58px 0 -104px rgba(255,255,255, 0.193) , 18px 128px 0 -104px rgba(255,255,255, 0.947) , 31px 9px 0 -104px rgba(255,255,255, 0.261) , -89px -10px 0 -104px rgba(255,255,255, 0.213) , 54px 85px 0 -104px rgba(255,255,255, 0.97) , 15px 39px 0 -104px rgba(255,255,255, 0.468) , -46px 28px 0 -104px rgba(255,255,255, 0.242) , 134px 14px 0 -104px rgba(255,255,255, 0.621) , 88px -143px 0 -104px rgba(255,255,255, 0.878) , -74px -117px 0 -104px rgba(255,255,255, 0.163) , -77px 45px 0 -104px rgba(255,255,255, 0.641) , 29px -2px 0 -104px rgba(255,255,255, 0.341) , 41px -6px 0 -104px rgba(255,255,255, 0.151) , 22px -139px 0 -104px rgba(255,255,255, 0.842) , 142px -77px 0 -104px rgba(255,255,255, 0.648) , 43px -96px 0 -104px rgba(255,255,255, 0.75) , -17px 22px 0 -104px rgba(255,255,255, 0.513) , 71px 3px 0 -104px rgba(255,255,255, 0.407) , 14px 72px 0 -104px rgba(255,255,255, 0.455) , 8px -37px 0 -104px rgba(255,255,255, 0.017) , -85px 32px 0 -104px rgba(255,255,255, 0.95) , 51px -97px 0 -104px rgba(255,255,255, 0.275) , -103px 88px 0 -104px rgba(255,255,255, 0.826) , -120px 114px 0 -104px rgba(255,255,255, 0.894) , -132px -122px 0 -104px rgba(255,255,255, 0.306) , 43px 16px 0 -104px rgba(255,255,255, 0.557) , 31px -109px 0 -104px rgba(255,255,255, 0.683) , 138px 89px 0 -104px rgba(255,255,255, 0.693) , 136px 35px 0 -104px rgba(255,255,255, 0.596) , -98px 144px 0 -104px rgba(255,255,255, 0.375) , -139px -84px 0 -104px rgba(255,255,255, 0.589) , -132px 134px 0 -104px rgba(255,255,255, 0.585);
}
.pluto {
height: 780px;
width: 780px;
margin-top: -450px;
margin-left: -320px;
-webkit-animation: orb 7439.7074054575s linear infinite;
animation: orb 7439.7074054575s linear infinite;
}
.pluto:before {
height: 3px;
width: 3px;
background: #fff;
margin-top: -1.5px;
margin-left: -1.5px;
}
.hide {
display: none;
}
.links {
margin-top: 5px !important;
font-size: 1em !important;
}
@-webkit-keyframes orb {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@keyframes orb {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
0 Comments