body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#080e24 url(http://neography.com/experiment/circles/solarsystem/bg.jpg) repeat;color:#626668;font:PT Sans Narrow,sans-serif;font-size:1.5rem;min-height:100vh;position:relative;text-align:center;width:100%}.App,.header{margin:0;padding:0}.header{display:flex;font-weight:700;gap:15px;list-style:none}.header li{margin-top:10px}.header li .header-link{color:#386077;margin-bottom:15px;margin-left:15px;text-decoration:none}h1,h2{color:#386077}ul#descriptions{list-style:none;position:absolute;right:100px;top:300px}ul#descriptions h2{color:#386077;cursor:pointer;font-size:30px;font-weight:bolder;margin-bottom:15px;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:all .15s ease-in;z-index:101}ul#descriptions h2:hover{color:#aa4200;-webkit-transform:scale(1.08);transform:scale(1.08)}.planet-card{background:#0f132c;border:1px solid #1c203c;border-radius:5px;color:#fff;display:inline;font-size:13px;left:300%;line-height:1.7;padding:30px;position:absolute;top:50%;-webkit-transform:translate(-300%,-50%);transform:translate(-300%,-50%);transition:all .3s ease-in;width:300px;z-index:100}ul.solarsystem{height:640px;list-style:none;overflow:hidden;position:relative;transition:all .09s ease-in}ul.solarsystem li{border:2px solid #394057;display:block;position:absolute;text-indent:-9999px}ul.solarsystem li span{border-radius:5px;display:block;height:10px;position:absolute;width:10px}ul.solarsystem li.active{border-color:#aa4200}ul.solarsystem li.active span,ul.solarsystem li.active.sun{-webkit-transform:scale(1.3);transform:scale(1.3)}ul.solarsystem li.active.earth .moon,ul.solarsystem li.active.sun span{border:none;box-shadow:none}ul.solarsystem li.sun{background:#fc3;border:none;border-radius:20px;box-shadow:0 0 50px #c90;height:40px;left:462px;top:302px;transition:all .2s ease-in;width:40px;z-index:100}ul.solarsystem li.sun span{border-radius:30px;height:60px;width:60px}ul.solarsystem li.mercury{border-radius:52px;height:100px;left:430px;top:270px;width:100px;z-index:99}ul.solarsystem li.mercury span{background:#b6bac5;left:10px;top:10px}ul.solarsystem li.venus{border-radius:82px;height:160px;left:400px;top:240px;width:160px;z-index:98}ul.solarsystem li.venus span{background:#bf8639;left:5px;top:118px}ul.solarsystem li.earth{border-radius:112px;height:220px;left:370px;top:210px;width:220px;z-index:97}ul.solarsystem li.earth span{background:#06c;left:5px;top:56px}ul.solarsystem li.earth span.moon{background:#ccc;border-radius:2px;height:4px;left:12px;top:12px;width:4px}ul.solarsystem li.mars{border-radius:142px;height:280px;left:340px;top:180px;width:280px;z-index:96}ul.solarsystem li.mars span{background:#aa4200;left:175px;top:0}ul.solarsystem li.asteroids_meteorids{background:url(http://neography.com/experiment/circles/solarsystem/asteroids_meteorids.png) no-repeat 0 0;border:none;border-radius:165px;height:330px;left:315px;top:155px;width:330px;z-index:1}ul.solarsystem li.jupiter{border-radius:172px;height:340px;left:310px;top:150px;width:340px;z-index:95}ul.solarsystem li.jupiter span{background:#e0ae6f;left:24px;top:67px}ul.solarsystem li.saturn{border-radius:202px;height:400px;left:280px;top:120px;width:400px;z-index:94}ul.solarsystem li.saturn span{background:#dfd3a9;left:300px;top:24px}ul.solarsystem li.saturn span.ring{background:none;border:2px solid #5a4e34;border-radius:8px;height:12px;left:-3px;top:-3px;-webkit-transform:skewY(50deg);transform:skewY(50deg);width:12px}ul.solarsystem li.uranus{border-radius:232px;height:460px;left:250px;top:90px;width:460px;z-index:93}ul.solarsystem li.uranus span{background:#82b3d1;left:300px;top:7px}ul.solarsystem li.neptune{border-radius:262px;height:520px;left:220px;top:60px;width:520px;z-index:92}ul.solarsystem li.neptune span{background:#77c2ec;left:200px;top:0}ul.solarsystem li.pluto{border-radius:292px;height:580px;left:190px;top:30px;width:580px;z-index:91}ul.solarsystem li.pluto span{background:#7c6a5c;left:79px;top:79px}ul.solarsystem li{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:orbit;animation-name:orbit;-webkit-animation-timing-function:linear;animation-timing-function:linear}ul.solarsystem li.earth span{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:moon;animation-name:moon;-webkit-animation-timing-function:linear;animation-timing-function:linear}ul.solarsystem li.mercury{-webkit-animation-duration:5s;animation-duration:5s}ul.solarsystem li.venus{-webkit-animation-duration:8s;animation-duration:8s}ul.solarsystem li.earth{-webkit-animation-duration:12s;animation-duration:12s}ul.solarsystem li.earth span{-webkit-animation-duration:2s;animation-duration:2s}ul.solarsystem li.mars{-webkit-animation-duration:20s;animation-duration:20s}ul.solarsystem li.asteroids_meteorids{-webkit-animation-duration:50s;animation-duration:50s}ul.solarsystem li.jupiter{-webkit-animation-duration:30s;animation-duration:30s}ul.solarsystem li.saturn{-webkit-animation-duration:60s;animation-duration:60s}ul.solarsystem li.uranus{-webkit-animation-duration:70s;animation-duration:70s}ul.solarsystem li.neptune{-webkit-animation-duration:100s;animation-duration:100s}ul.solarsystem li.pluto{-webkit-animation-duration:120s;animation-duration:120s}@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes moon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes moon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.planets-info{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}#earth-info-section{border:1px solid #ccc;border-radius:.5rem;color:#fff;margin-bottom:1rem;text-align:center;width:400px}.wrapper{border-radius:10px;margin:20px;padding:20px;text-align:center}.container{align-items:center;display:flex;flex-direction:column;gap:25px}.btn-group{display:flex;flex-direction:row;gap:10px;justify-content:center}.btn{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;padding:14px 40px;width:450px}.btn:hover{background-color:#386077}.planet-info{display:flex;gap:20px;list-style:none}.planet-info li{font-weight:bolder}.satellite-div{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.satellite-form{margin-bottom:2rem}.satellite-form input{background-color:initial;border:2px solid #fff;border-radius:.25rem;color:#fff;margin-right:.5rem;padding:.5rem}.satellite-form button{background-color:#07c;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem}.satellite-form button:hover{background-color:#005ea8}.satellite-name{border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;text-align:center;width:400px}h2{color:#386077;margin-bottom:.5rem;text-align:center}.satellite-name p{color:#fff;margin:0 0 .5rem;text-align:center}.satellite-info{margin-bottom:2rem}.satellite-info p{width:800px}
/*# sourceMappingURL=main.99f8e27e.css.map*/