body{background-color:#000!important;color:#fff;overflow:hidden}.backgroundclass,body{position:fixed;width:100%;height:100%}.backgroundclass{background-color:#000;left:0;top:0;z-index:-99}.navbar-wrapper{z-index:99;position:fixed;width:100%}.navbar{text-align:center;z-index:98}.nav-item{text-align:center;color:#fff;border:1px solid #fff}.nav-left{left:0;top:0;border:3px solid #4682b4;width:25%}.nav-center{margin:auto;width:50%;border:3px solid green;padding:10px}.nav-right{text-align:center;top:0;right:0;width:25%;border:3px solid #4682b4}.nav-bottom{bottom:0;margin:auto}.nav-bottom,.navbar-closed{text-align:center;position:fixed}.navbar-closed{margin:0;padding:0;width:0;background-color:#483d8b;height:100%;overflow-x:hidden;overflow-y:scroll;z-index:99}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}@-webkit-keyframes move-clouds-back{0%{background-position:0 0}to{background-position:10000px 0}}.clouds,.stars,.twinkling{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:-1}.stars{background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top;z-index:0}.twinkling{background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top;z-index:1;-webkit-animation:move-twink-back 500s linear infinite;animation:move-twink-back 500s linear infinite}.interstellar-space{min-height:100vh;min-width:100vw}.sunLabel{color:#fff;margin-top:80px}.sol-system{position:absolute;background-color:red}.starLabel{text-align:center;color:#fff;text-decoration:none;z-index:99;margin-top:2rem}.one{left:80%;top:5%}.one,.two{position:absolute}.two{left:40%;top:15%}.three{position:absolute;left:15%;top:55%}.four{left:25%}.five,.four{position:absolute;top:60%}.five{right:35%}.six{right:75%;top:30%}.seven,.six{position:absolute}.seven{right:25%;bottom:90%}.eight{left:55%;top:60%}.eight,.nine{position:absolute}.nine{right:35%;bottom:60%}.ten{position:absolute;right:15%;bottom:80%}.zoomin{-webkit-animation:zoomIn 1s ease;animation:zoomIn 1s ease}@-webkit-keyframes zoom-in-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes zoom-in-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(2);transform:scale(2)}}.starBall{width:30px;height:30px;color:#fff}.Yellow-Dwarf{box-shadow:1px 1px 45px gold;box-shadow:1px 1px 35px #daa520;background-color:red;--radius:7rem;width:35px;height:35px;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/sun.4b569137.jpg) repeat-x;background-size:200% 100%;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.Blue-Giant{background-size:cover;box-shadow:1px 1px 105px #00f;box-shadow:1px 1px 85px #8a2be2;margin-top:160px;margin-left:170px;width:70px;height:70px;background:url(/static/media/blue-giant.b46c9630.jpg) repeat-x;background-size:200% 100%}.Blue-Giant,.White-Dwarf{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);--radius:7rem;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;z-index:95;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.White-Dwarf{background-size:cover;box-shadow:1px 1px 55px #fff;box-shadow:1px 1px 25px #f5f5f5;width:30px;height:30px;margin-top:200px;margin-right:450px;background:url(/static/media/white-dwarf.33b4489c.jpg) repeat-x;background-size:200% 100%}.Brown-Dwarf{background-size:cover;box-shadow:1px 1px 55px brown;box-shadow:1px 1px 35px #daa520;width:30px;height:30px;margin:100px;background:url(/static/media/brown-dwarf.bea967d8.jpg) repeat-x;background-size:200% 100%}.Brown-Dwarf,.Red-Giant{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);--radius:7rem;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;z-index:95;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.Red-Giant{background-size:cover;box-shadow:1px 1px 105px #b22222;box-shadow:1px 1px 85px #b22222;width:65px;height:65px;margin-left:150px;margin-bottom:50px;background:url(/static/media/red-supergiant.ff8083af.jpeg) repeat-x;background-size:200% 100%}.Red-Supergiant{box-shadow:3px 3px 125px #b22222;box-shadow:1px 1px 85px red;width:90px;height:90px;--radius:7rem;margin-right:255px;margin-top:300px}.Red-Dwarf,.Red-Supergiant{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:cover;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/red-supergiant.ff8083af.jpeg) repeat-x;background-size:200% 100%;z-index:95;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.Red-Dwarf{width:25px;height:25px;box-shadow:1px 1px 25px #b22222;box-shadow:1px 1px 20px red;margin:160px}.sol-system{background-size:cover;box-shadow:1px 1px 105px #b22222;box-shadow:1px 1px 85px #daa520;--radius:7rem;width:75px;height:75px;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/sun.4b569137.jpg) repeat-x;background-size:200% 100%;z-index:95;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.sol-label,.sol-system{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sol-system-master{text-align:center}.sun{box-shadow:1px 1px 155px #b22222;box-shadow:1px 1px 120px #daa520;position:absolute;--radius:6rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/sun.d67e81f9.png) repeat-x;background-size:cover;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}@-webkit-keyframes translateBackground{0%{background-position-x:0}to{background-position-x:-600px}}@keyframes translateBackground{0%{background-position-x:0}to{background-position-x:-600px}}.miniPlanet{max-width:6rem}.mercuryMini{border-radius:50%;position:absolute;--radius:.7rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);z-index:9;background:url(/static/media/mercury.4bd8343f.jpg) repeat-x;background-size:100% 100%;-webkit-animation:mercuryOrbit 30s linear infinite,translateBackground 55s linear infinite;animation:mercuryOrbit 30s linear infinite,translateBackground 55s linear infinite;-webkit-animation-delay:-10s;animation-delay:-10s}@-webkit-keyframes mercuryOrbit{0%{-webkit-transform:rotate(0deg) translateX(7.2rem) rotate(0deg);transform:rotate(0deg) translateX(7.2rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(7.2rem) rotate(-1turn);transform:rotate(1turn) translateX(7.2rem) rotate(-1turn)}}@keyframes mercuryOrbit{0%{-webkit-transform:rotate(0deg) translateX(7.2rem) rotate(0deg);transform:rotate(0deg) translateX(7.2rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(7.2rem) rotate(-1turn);transform:rotate(1turn) translateX(7.2rem) rotate(-1turn)}}.venusMini{border-radius:50%;position:absolute;--size:.85rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);z-index:8;background:url(/static/media/venus.4b03f2d6.jpg) repeat-x;background-size:100% 100%;-webkit-animation:venusOrbit 39s linear infinite,translateBackground 65s linear infinite;animation:venusOrbit 39s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-15s;animation-delay:-15s}@-webkit-keyframes venusOrbit{0%{-webkit-transform:rotate(0deg) translateX(9.5rem) rotate(0deg);transform:rotate(0deg) translateX(9.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(9.5rem) rotate(-1turn);transform:rotate(1turn) translateX(9.5rem) rotate(-1turn)}}@keyframes venusOrbit{0%{-webkit-transform:rotate(0deg) translateX(9.5rem) rotate(0deg);transform:rotate(0deg) translateX(9.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(9.5rem) rotate(-1turn);transform:rotate(1turn) translateX(9.5rem) rotate(-1turn)}}.earthMini{border-radius:50%;position:absolute;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);background:url(/static/media/earth.f2c7f628.jpg) repeat-x;background-size:100% 100%;-webkit-animation:earthOrbit 45s linear infinite,translateBackground 50s linear infinite;animation:earthOrbit 45s linear infinite,translateBackground 50s linear infinite;-webkit-animation-delay:-15s;animation-delay:-15s}@-webkit-keyframes earthOrbit{0%{-webkit-transform:rotate(0deg) translateX(13rem) rotate(0deg);transform:rotate(0deg) translateX(13rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(13rem) rotate(-1turn);transform:rotate(1turn) translateX(13rem) rotate(-1turn)}}@keyframes earthOrbit{0%{-webkit-transform:rotate(0deg) translateX(13rem) rotate(0deg);transform:rotate(0deg) translateX(13rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(13rem) rotate(-1turn);transform:rotate(1turn) translateX(13rem) rotate(-1turn)}}.marsMini{--radius:.85rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/mars.33960f5a.jpeg) repeat-x;background-size:100% 100%;-webkit-animation:marsOrbit 55s linear infinite,translateBackground 50s linear infinite;animation:marsOrbit 55s linear infinite,translateBackground 50s linear infinite;-webkit-animation-delay:-35s;animation-delay:-35s}@-webkit-keyframes marsOrbit{0%{-webkit-transform:rotate(0deg) translateX(17rem) rotate(0deg);transform:rotate(0deg) translateX(17rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(17rem) rotate(-1turn);transform:rotate(1turn) translateX(17rem) rotate(-1turn)}}@keyframes marsOrbit{0%{-webkit-transform:rotate(0deg) translateX(17rem) rotate(0deg);transform:rotate(0deg) translateX(17rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(17rem) rotate(-1turn);transform:rotate(1turn) translateX(17rem) rotate(-1turn)}}.asteroidBelt{--radius:.85rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background-color:brown;-webkit-animation:marsOrbit 55s linear infinite,translateBackground 50s linear infinite;animation:marsOrbit 55s linear infinite,translateBackground 50s linear infinite;-webkit-animation-delay:-35s;animation-delay:-35s}@-webkit-keyframes asteroidBeltOrbit{0%{-webkit-transform:rotate(0deg) translateX(20rem) rotate(0deg);transform:rotate(0deg) translateX(20rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(20rem) rotate(-1turn);transform:rotate(1turn) translateX(20rem) rotate(-1turn)}}@keyframes asteroidBeltOrbit{0%{-webkit-transform:rotate(0deg) translateX(20rem) rotate(0deg);transform:rotate(0deg) translateX(20rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(20rem) rotate(-1turn);transform:rotate(1turn) translateX(20rem) rotate(-1turn)}}.juipterMini{--radius:3.2rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/juipter.3e84533e.jpg) repeat-x;background-size:100% 100%;-webkit-animation:juipterOrbit 75s linear infinite,translateBackground 50s linear infinite;animation:juipterOrbit 75s linear infinite,translateBackground 50s linear infinite;-webkit-animation-delay:-55s;animation-delay:-55s}@-webkit-keyframes juipterOrbit{0%{-webkit-transform:rotate(0deg) translateX(25rem) rotate(0deg);transform:rotate(0deg) translateX(25rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(25rem) rotate(-1turn);transform:rotate(1turn) translateX(25rem) rotate(-1turn)}}@keyframes juipterOrbit{0%{-webkit-transform:rotate(0deg) translateX(25rem) rotate(0deg);transform:rotate(0deg) translateX(25rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(25rem) rotate(-1turn);transform:rotate(1turn) translateX(25rem) rotate(-1turn)}}.saturnMini{--radius:3.6rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/saturnstatic.ac01f777.png);background-size:100% 100%;-webkit-animation:saturnOrbit 85s linear infinite;animation:saturnOrbit 85s linear infinite;-webkit-animation-delay:-45s;animation-delay:-45s}@-webkit-keyframes saturnOrbit{0%{-webkit-transform:rotate(0deg) translateX(31rem) rotate(0deg);transform:rotate(0deg) translateX(31rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(31rem) rotate(-1turn);transform:rotate(1turn) translateX(31rem) rotate(-1turn)}}@keyframes saturnOrbit{0%{-webkit-transform:rotate(0deg) translateX(31rem) rotate(0deg);transform:rotate(0deg) translateX(31rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(31rem) rotate(-1turn);transform:rotate(1turn) translateX(31rem) rotate(-1turn)}}.uranusMini{--radius:1.9rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/uranus.428ad3f9.jpg) repeat-x;background-size:100% 100%;-webkit-animation:uranusOrbit 95s linear infinite,translateBackground 50s linear infinite;animation:uranusOrbit 95s linear infinite,translateBackground 50s linear infinite;-webkit-animation-delay:-165s;animation-delay:-165s}@-webkit-keyframes uranusOrbit{0%{-webkit-transform:rotate(0deg) translateX(38.5rem) rotate(0deg);transform:rotate(0deg) translateX(38.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(38.5rem) rotate(-1turn);transform:rotate(1turn) translateX(38.5rem) rotate(-1turn)}}@keyframes uranusOrbit{0%{-webkit-transform:rotate(0deg) translateX(38.5rem) rotate(0deg);transform:rotate(0deg) translateX(38.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(38.5rem) rotate(-1turn);transform:rotate(1turn) translateX(38.5rem) rotate(-1turn)}}.neptuneMini{--radius:2.3rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/neptune.6dd11266.jpg) repeat-x;background-size:100% 100%;-webkit-animation:neptuneOrbit 125s linear infinite,translateBackground 50s linear infinite;animation:neptuneOrbit 125s linear infinite,translateBackground 50s linear infinite}@-webkit-keyframes neptuneOrbit{0%{-webkit-transform:rotate(0deg) translateX(44rem) rotate(0deg);transform:rotate(0deg) translateX(44rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(44rem) rotate(-1turn);transform:rotate(1turn) translateX(44rem) rotate(-1turn)}}@keyframes neptuneOrbit{0%{-webkit-transform:rotate(0deg) translateX(44rem) rotate(0deg);transform:rotate(0deg) translateX(44rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(44rem) rotate(-1turn);transform:rotate(1turn) translateX(44rem) rotate(-1turn)}}.neptuneMini2{--radius:4rem;position:absolute;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--radius)*2);height:calc(var(--radius)*2);border-radius:50%;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background:url(/static/media/Niburu.e9b91573.jpg) repeat-x;background-size:100% 100%;-webkit-animation:neptuneOrbit2 65s linear infinite;animation:neptuneOrbit2 65s linear infinite}@-webkit-keyframes neptuneOrbit2{0%{-webkit-transform:rotate(0deg) translateX(84rem) rotate(0deg);transform:rotate(0deg) translateX(84rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(84rem) rotate(-1turn);transform:rotate(1turn) translateX(84rem) rotate(-1turn)}}@keyframes neptuneOrbit2{0%{-webkit-transform:rotate(0deg) translateX(84rem) rotate(0deg);transform:rotate(0deg) translateX(84rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(84rem) rotate(-1turn);transform:rotate(1turn) translateX(84rem) rotate(-1turn)}}.planet{top:50%;left:50%}.debug,.planet{position:absolute}.debug{z-index:99;width:100px;height:100px;background-color:#ff0}.generatedSystem{overflow:visible}// Add the 1 to the class otherwise it will be small like the mini stars on the previous page .Yellow-Dwarf1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:1px 1px 45px gold;box-shadow:1px 1px 35px #daa520;background-color:red;--radius:7rem;width:12em;height:12em;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/sun.d67e81f9.png) repeat-x;background-size:cover;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear;z-index:2}.Blue-Giant1{background-size:cover;box-shadow:1px 1px 205px #00f;box-shadow:1px 1px 155px #8a2be2;width:25em;height:25em;background:url(/static/media/blue-giant.b46c9630.jpg) repeat-x;background-size:200% 100%}.Blue-Giant1,.White-Dwarf1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.White-Dwarf1{background-size:cover;box-shadow:1px 1px 55px #fff;box-shadow:1px 1px 25px #f5f5f5;width:12em;height:12em;background:url(/static/media/white-dwarf.33b4489c.jpg) repeat-x;background-size:200% 100%}.Brown-Dwarf1{background-size:cover;box-shadow:1px 1px 55px brown;box-shadow:1px 1px 35px #daa520;width:12em;height:12em;background:url(/static/media/brown-dwarf.bea967d8.jpg) repeat-x;background-size:200% 100%}.Brown-Dwarf1,.Red-Giant1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);--radius:7rem;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;z-index:2;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.Red-Giant1{box-shadow:1px 1px 105px #b22222;box-shadow:1px 1px 85px #b22222;width:20em;height:20em;background:url(/static/media/red-supergiant.ff8083af.jpeg) repeat-x;background-size:200% 100%}.Red-Supergiant1{box-shadow:8px 8px 225px #b22222;box-shadow:5px 5px 145px red;width:25em;height:25em}.Red-Dwarf1,.Red-Supergiant1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:cover;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite;background:url(/static/media/red-supergiant.ff8083af.jpeg) repeat-x;background-size:200% 100%;z-index:2;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear}.Red-Dwarf1{width:25px;height:25px;box-shadow:1px 1px 25px #b22222;box-shadow:1px 1px 20px red;width:12em;height:12em}.Barren-world{background:url(/static/media/barren.f8747510.jpg) repeat-x;background-size:200% 100%}.Rocky-world{margin-top:100px;background:url(/static/media/rocky.b71b5ff2.jpg) repeat-x;background-size:200% 100%}.Frozen-world,.Rocky-world{border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite}.Frozen-world{background:url(/static/media/frozen.b694dea4.png) repeat-x;background-size:200% 100%}.Gas-giant{z-index:9;background:url(/static/media/gas.a13fdae3.png) repeat-x;background-size:200% 100%}.Gas-giant,.Ocean-world{border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite}.Ocean-world{background:url(/static/media/ocean.27d10862.jpg) repeat-x;background-size:200% 100%}.Desert-world{margin:50px;background:url(/static/media/desert.d3207185.jpg) repeat-x;background-size:200% 100%}.Desert-world,.Molten-world{z-index:1;border-radius:50%;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite}.Molten-world{margin-bottom:200px;background:url(/static/media/lava.82229192.jpg) repeat-x;background-size:200% 100%}.Toxic-world{background:url(/static/media/toxic.129b48a4.png) repeat-x;background-size:200% 100%}.Earth-like-world,.Toxic-world{z-index:1;border-radius:50%;margin-bottom:200px;-webkit-animation:translateBackground 120s linear infinite;animation:translateBackground 120s linear infinite}.Earth-like-world{background:url(/static/media/earthlikeplanet.155b923b.jpg) repeat-x;background-size:200% 100%}.a1{position:absolute;--size:1.2rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a1Orbit 20s linear infinite,translateBackground 65s linear infinite;animation:a1Orbit 20s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-6s;animation-delay:-6s}@-webkit-keyframes a1Orbit{0%{-webkit-transform:rotate(0deg) translateX(5.5rem) rotate(0deg);transform:rotate(0deg) translateX(5.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(5.5rem) rotate(-1turn);transform:rotate(1turn) translateX(5.5rem) rotate(-1turn)}}@keyframes a1Orbit{0%{-webkit-transform:rotate(0deg) translateX(5.5rem) rotate(0deg);transform:rotate(0deg) translateX(5.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(5.5rem) rotate(-1turn);transform:rotate(1turn) translateX(5.5rem) rotate(-1turn)}}.a2{position:absolute;--size:1rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a2Orbit 29s linear infinite,translateBackground 65s linear infinite;animation:a2Orbit 29s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-14s;animation-delay:-14s}@-webkit-keyframes a2Orbit{0%{-webkit-transform:rotate(0deg) translateX(8.5rem) rotate(0deg);transform:rotate(0deg) translateX(8.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(8.5rem) rotate(-1turn);transform:rotate(1turn) translateX(8.5rem) rotate(-1turn)}}@keyframes a2Orbit{0%{-webkit-transform:rotate(0deg) translateX(8.5rem) rotate(0deg);transform:rotate(0deg) translateX(8.5rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(8.5rem) rotate(-1turn);transform:rotate(1turn) translateX(8.5rem) rotate(-1turn)}}.a3{position:absolute;--size:1.4rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a3Orbit 34s linear infinite,translateBackground 65s linear infinite;animation:a3Orbit 34s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-25s;animation-delay:-25s}@-webkit-keyframes a3Orbit{0%{-webkit-transform:rotate(0deg) translateX(13rem) rotate(0deg);transform:rotate(0deg) translateX(13rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(13rem) rotate(-1turn);transform:rotate(1turn) translateX(13rem) rotate(-1turn)}}@keyframes a3Orbit{0%{-webkit-transform:rotate(0deg) translateX(13rem) rotate(0deg);transform:rotate(0deg) translateX(13rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(13rem) rotate(-1turn);transform:rotate(1turn) translateX(13rem) rotate(-1turn)}}.a4{position:absolute;--size:1.4rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a4Orbit 39s linear infinite,translateBackground 65s linear infinite;animation:a4Orbit 39s linear infinite,translateBackground 65s linear infinite}@-webkit-keyframes a4Orbit{0%{-webkit-transform:rotate(0deg) translateX(15rem) rotate(0deg);transform:rotate(0deg) translateX(15rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(15rem) rotate(-1turn);transform:rotate(1turn) translateX(15rem) rotate(-1turn)}}@keyframes a4Orbit{0%{-webkit-transform:rotate(0deg) translateX(15rem) rotate(0deg);transform:rotate(0deg) translateX(15rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(15rem) rotate(-1turn);transform:rotate(1turn) translateX(15rem) rotate(-1turn)}}.a5{position:absolute;--size:1.6rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a5Orbit 45s linear infinite,translateBackground 65s linear infinite;animation:a5Orbit 45s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-15s;animation-delay:-15s}@-webkit-keyframes a5Orbit{0%{-webkit-transform:rotate(0deg) translateX(18rem) rotate(0deg);transform:rotate(0deg) translateX(18rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(18rem) rotate(-1turn);transform:rotate(1turn) translateX(18rem) rotate(-1turn)}}@keyframes a5Orbit{0%{-webkit-transform:rotate(0deg) translateX(18rem) rotate(0deg);transform:rotate(0deg) translateX(18rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(18rem) rotate(-1turn);transform:rotate(1turn) translateX(18rem) rotate(-1turn)}}.a6{position:absolute;--size:1.7rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a6Orbit 64s linear infinite,translateBackground 65s linear infinite;animation:a6Orbit 64s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-23s;animation-delay:-23s}@-webkit-keyframes a6Orbit{0%{-webkit-transform:rotate(0deg) translateX(21rem) rotate(0deg);transform:rotate(0deg) translateX(21rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(21rem) rotate(-1turn);transform:rotate(1turn) translateX(21rem) rotate(-1turn)}}@keyframes a6Orbit{0%{-webkit-transform:rotate(0deg) translateX(21rem) rotate(0deg);transform:rotate(0deg) translateX(21rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(21rem) rotate(-1turn);transform:rotate(1turn) translateX(21rem) rotate(-1turn)}}.a7{position:absolute;--size:1.6rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a7Orbit 69s linear infinite,translateBackground 65s linear infinite;animation:a7Orbit 69s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-10s;animation-delay:-10s}@-webkit-keyframes a7Orbit{0%{-webkit-transform:rotate(0deg) translateX(25rem) rotate(0deg);transform:rotate(0deg) translateX(25rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(25rem) rotate(-1turn);transform:rotate(1turn) translateX(25rem) rotate(-1turn)}}@keyframes a7Orbit{0%{-webkit-transform:rotate(0deg) translateX(25rem) rotate(0deg);transform:rotate(0deg) translateX(25rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(25rem) rotate(-1turn);transform:rotate(1turn) translateX(25rem) rotate(-1turn)}}.a8{position:absolute;--size:2rem;--radius:1rem;top:calc(50% - var(--radius));left:calc(50% - var(--radius));width:calc(var(--size)*2);height:calc(var(--size)*2);-webkit-animation:a8Orbit 95s linear infinite,translateBackground 65s linear infinite;animation:a8Orbit 95s linear infinite,translateBackground 65s linear infinite;-webkit-animation-delay:-25s;animation-delay:-25s}@-webkit-keyframes a8Orbit{0%{-webkit-transform:rotate(0deg) translateX(30rem) rotate(0deg);transform:rotate(0deg) translateX(30rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(30rem) rotate(-1turn);transform:rotate(1turn) translateX(30rem) rotate(-1turn)}}@keyframes a8Orbit{0%{-webkit-transform:rotate(0deg) translateX(30rem) rotate(0deg);transform:rotate(0deg) translateX(30rem) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(30rem) rotate(-1turn);transform:rotate(1turn) translateX(30rem) rotate(-1turn)}}.miniPlanetName{color:red}.planetViewBack{color:#fff;font-size:2vh;font-weight:bolder}.generatedPlanetView{height:100vh;margin-top:13.5rem}.generated-planet{border-radius:50%;overflow:visible;margin:-5rem auto auto}.Nibiru{width:40em;height:40em;background:url(/static/media/Niburu.e9b91573.jpg) repeat-x;background-size:150% 150%}.Mercury,.Nibiru{-webkit-animation:translateBackground 45s linear infinite;animation:translateBackground 45s linear infinite;border:2px solid #000}.Mercury{width:20em;height:20em;background:url(/static/media/mercuryHighRes.8f80953b.jpg) repeat-x;background-size:150% 150%}.Venus{width:30em;height:30em;-webkit-animation:translateBackground 88s linear infinite;animation:translateBackground 88s linear infinite;background:url(/static/media/venusHighRes.4b03f2d6.jpg) repeat-x;background-size:cover}.Earth,.Venus{border-radius:50%;z-index:1}.Earth{width:45em;height:45em;-webkit-animation:translateBackground 125s linear infinite;animation:translateBackground 125s linear infinite;background:url(/static/media/earthHighRes.c77b31fd.jpg) repeat-x;background-size:100% 100%}.planetClouds{background:url(/static/media/clouds.e2fa9357.png) repeat-x;background-size:150% 100%;border-radius:50%;width:100%;height:100%;top:0;-webkit-animation:translateBackground 55s linear infinite;animation:translateBackground 55s linear infinite;opacity:.6;z-index:2}.Mars{width:25em;height:25em;background:url(/static/media/marsHighRes.82d3f6cb.jpg) repeat-x;background-size:100% 100%}.Juipter,.Mars{-webkit-animation:translateBackground 125s linear infinite;animation:translateBackground 125s linear infinite;border-radius:50%;z-index:1}.Juipter{width:65em;height:65em;background:url(/static/media/juipterHighRes.8be034e6.jpg) repeat-x;background-size:100% 100%}.Saturn{width:50em;height:50em;-webkit-animation:translateBackground 125s linear infinite;animation:translateBackground 125s linear infinite;background:url(/static/media/saturnHighRes.d20d2554.jpg) repeat-x;background-size:100% 100%;z-index:1}.rings,.Saturn{border-radius:50%}.rings{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(/static/media/saturn.b78decf9.jpg);z-index:2;background-size:100% 100%;width:65em;height:1em;opacity:.8}.Uranus{width:20em;height:20em;background:url(/static/media/uranusHighRes.7fa560d4.png) repeat-x;background-size:100% 100%;overflow:visible}.Neptune,.Uranus{-webkit-animation:translateBackground 125s linear infinite;animation:translateBackground 125s linear infinite;border-radius:50%;z-index:1}.Neptune{width:41em;height:41em;background:url(/static/media/neptuneHighRes.6dd11266.jpg) repeat-x;background-size:100% 100%}.planetView{padding:5px;text-align:center;background:#191919;box-shadow:inset 0 0 15px 2px #7cbdbd;border:2px solid #3acaec;border-radius:5px;font-size:calc(10px + 1.5vw)}.habitable{color:#90ee90}.uninhabitable{color:red}.Molten-world1{background:url(/static/media/lava.82229192.jpg) repeat-x;background-size:100% 100%}.Desert-world1,.Molten-world1{width:25em;height:25em;-webkit-animation:translateBackground 45s linear infinite;animation:translateBackground 45s linear infinite;border:2px solid #000}.Desert-world1{background:url(/static/media/desert.d3207185.jpg) repeat-x;background-size:100% 100%}.Frozen-world1{width:30em;height:30em;background:url(/static/media/frozen.b694dea4.png) repeat-x;-webkit-animation:translateBackground 75s linear infinite;animation:translateBackground 75s linear infinite;background-size:100% 100%;border:2px solid #000}.Gas-giant1{width:60em;height:60em;background:url(/static/media/gas.a13fdae3.png) repeat-x;-webkit-animation:translateBackground 165s linear infinite;animation:translateBackground 165s linear infinite;background-size:100% 100%;border:2px solid #000}.Ocean-world1{width:25em;height:25em;background:url(/static/media/ocean.27d10862.jpg) repeat-x;-webkit-animation:translateBackground 45s linear infinite;animation:translateBackground 45s linear infinite;background-size:100% 100%;border:2px solid #000}.Rocky-world1{width:20em;height:20em;background:url(/static/media/rocky.b71b5ff2.jpg) repeat-x;-webkit-animation:translateBackground 110s linear infinite;animation:translateBackground 110s linear infinite;background-size:100% 100%;border:2px solid #000}.Earth-like-world1{background:url(/static/media/earthlikeplanet.155b923b.jpg) repeat-x;background-size:120% 100%}.Earth-like-world1,.Toxic-world1{width:30em;height:30em;-webkit-animation:translateBackground 85s linear infinite;animation:translateBackground 85s linear infinite;border:2px solid #000}.Toxic-world1{background:url(/static/media/toxic.129b48a4.png) repeat-x;background-size:120% 100%}.navMaster{position:absolute;right:0;top:0;left:0;z-index:97;padding:-1rem;background:#191919;box-shadow:inset 0 0 15px 2px #7cbdbd}.hidden{display:none}.currentLocation{font-weight:bolder;font-size:1.4rem}.currentLocation,.navIcon{color:#fff;margin-top:5%;margin-bottom:5%;text-decoration:none}.navIcon{width:100px;height:50px;border-radius:25%;text-align:center}.navIcon:hover{scale:1.1;cursor:pointer}.navButton{color:#fff;text-decoration:none}.navButton:hover{color:#483d8b}.toggleNav{bottom:0;position:absolute}.navTitle{color:red;font-size:1.5rem}
/*# sourceMappingURL=main.ef1a25d8.chunk.css.map */