:root{--color-black:#050507;--color-grey:#171717;--color-white:#d0ffed;--color-magenta:#e61c71;--color-purple:#6f2eff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050507;background-color:var(--color-black);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}:root{--planet-details-collapsed-height:7rem;--planet-details-expanded-height:20rem;--planet-details-expanded-height-responsive:30rem}.App{background-color:var(--color-black);min-height:100vmin}.App,.App-header{color:var(--color-white)}.App-header{background:var(--color-black);border-bottom:.1em solid transparent;border-image:linear-gradient(to right,var(--color-magenta),var(--color-purple)) 1;font-size:1.7rem}.title{font-size:2.4rem;font-weight:1000;margin:0 .7rem .3rem;text-align:center}.border-gradient{background:linear-gradient(var(--color-black),var(--color-black)) padding-box,linear-gradient(135deg,var(--color-magenta),var(--color-purple)) border-box}.planets-list{margin-top:1rem;max-width:40rem;min-width:300px}.planets-list,.planets-list *{margin-left:auto;margin-right:auto}.planet-details{align-items:flex-start;background-color:var(--color-black);border:.2em solid transparent;border-radius:2rem;color:var(--color-white);display:flex;flex-direction:column;margin-bottom:.5rem;margin-left:auto;margin-right:auto;overflow:hidden;padding:1rem;text-align:left;width:97%}.planet-details:hover{background-color:var(--color-grey);border:.4em solid transparent}.planet-details-expanded{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:expand-with-overshoot;animation-name:expand-with-overshoot;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;height:20rem;height:var(--planet-details-expanded-height)}.planet-details-header{display:block;height:5rem;width:100%}.planet-details-collapsed{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:collapse-with-overshoot;animation-name:collapse-with-overshoot;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;height:7rem;height:var(--planet-details-collapsed-height)}.planet-icon{display:inline-block;height:4rem;margin-left:1rem;margin-top:.3rem}.planet-label{display:inline-block;font-size:2.5rem;margin-left:5rem;margin-top:0;position:relative;text-align:right;top:-4rem;width:calc(100% - 6rem)}.planet-details-expanded.planet-label .planet-details-expanded.planet-details-image{top:-2rem}.empty{display:none}.planet-details-section{height:10rem;position:relative;text-align:center;top:1rem;width:100%}.planet-details-section *{opacity:inherit}.planet-details-info{display:inline-block;height:10rem;margin-top:2rem;position:relative;text-align:left;top:-3rem}.planet-details-info-title{margin-left:2rem}.planet-details-section-expanded{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:slide-in-with-overshoot;animation-name:slide-in-with-overshoot;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:100%}.planet-details-section-collapsed{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:slide-out;animation-name:slide-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:0}li{line-height:1.5}.divider{-webkit-animation-name:pop-in;animation-name:pop-in;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-bottom:1.5rem;width:100%}.divider,.divider-collapsed{-webkit-animation-duration:.2s;animation-duration:.2s;border:.1rem solid var(--color-white);border-radius:.2rem;position:relative;top:.3rem}.divider-collapsed{-webkit-animation-name:pop-out;animation-name:pop-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;visibility:hidden;width:0}.planet-details-image{border:.2em solid var(--color-grey);border-radius:1rem;height:10rem;position:relative;top:-1rem}@media (max-width:550px){.planet-details-expanded{-webkit-animation-name:expand-with-overshoot-responsive;animation-name:expand-with-overshoot-responsive;height:30rem;height:var(--planet-details-expanded-height-responsive)}}@-webkit-keyframes expand-with-overshoot{0%{height:7rem;height:var(--planet-details-collapsed-height)}70%{height:20.5rem;height:calc(var(--planet-details-expanded-height) + .5rem)}90%{height:19.75rem;height:calc(var(--planet-details-expanded-height) - .25rem)}to{height:20rem;height:var(--planet-details-expanded-height)}}@keyframes expand-with-overshoot{0%{height:7rem;height:var(--planet-details-collapsed-height)}70%{height:20.5rem;height:calc(var(--planet-details-expanded-height) + .5rem)}90%{height:19.75rem;height:calc(var(--planet-details-expanded-height) - .25rem)}to{height:20rem;height:var(--planet-details-expanded-height)}}@-webkit-keyframes collapse-with-overshoot{0%{height:20rem;height:var(--planet-details-expanded-height)}70%{height:6.5rem;height:calc(var(--planet-details-collapsed-height) - .5rem)}90%{height:7.25rem;height:calc(var(--planet-details-collapsed-height) + .25rem)}to{height:7rem;height:var(--planet-details-collapsed-height)}}@keyframes collapse-with-overshoot{0%{height:20rem;height:var(--planet-details-expanded-height)}70%{height:6.5rem;height:calc(var(--planet-details-collapsed-height) - .5rem)}90%{height:7.25rem;height:calc(var(--planet-details-collapsed-height) + .25rem)}to{height:7rem;height:var(--planet-details-collapsed-height)}}@-webkit-keyframes expand-with-overshoot-responsive{0%{height:7rem;height:var(--planet-details-collapsed-height)}70%{height:30.5rem;height:calc(var(--planet-details-expanded-height-responsive) + .5rem)}90%{height:29.75rem;height:calc(var(--planet-details-expanded-height-responsive) - .25rem)}to{height:30rem;height:var(--planet-details-expanded-height-responsive)}}@keyframes expand-with-overshoot-responsive{0%{height:7rem;height:var(--planet-details-collapsed-height)}70%{height:30.5rem;height:calc(var(--planet-details-expanded-height-responsive) + .5rem)}90%{height:29.75rem;height:calc(var(--planet-details-expanded-height-responsive) - .25rem)}to{height:30rem;height:var(--planet-details-expanded-height-responsive)}}@-webkit-keyframes collapse-with-overshoot-responsive{0%{height:30rem;height:var(--planet-details-expanded-height-responsive)}70%{height:6.5rem;height:calc(var(--planet-details-collapsed-height) - .5rem)}90%{height:7.25rem;height:calc(var(--planet-details-collapsed-height) + .25rem)}to{height:7rem;height:var(--planet-details-collapsed-height)}}@keyframes collapse-with-overshoot-responsive{0%{height:30rem;height:var(--planet-details-expanded-height-responsive)}70%{height:6.5rem;height:calc(var(--planet-details-collapsed-height) - .5rem)}90%{height:7.25rem;height:calc(var(--planet-details-collapsed-height) + .25rem)}to{height:7rem;height:var(--planet-details-collapsed-height)}}@-webkit-keyframes slide-in-with-overshoot-responsive{0%{opacity:0;top:20rem;top:var(--planet-details-expanded-height)}70%{top:-.5rem}90%{top:.25rem}to{opacity:100%;top:0}}@keyframes slide-in-with-overshoot-responsive{0%{opacity:0;top:20rem;top:var(--planet-details-expanded-height)}70%{top:-.5rem}90%{top:.25rem}to{opacity:100%;top:0}}@-webkit-keyframes slide-out{0%{opacity:100%;top:0}to{opacity:0;top:20rem;top:var(--planet-details-expanded-height)}}@keyframes slide-out{0%{opacity:100%;top:0}to{opacity:0;top:20rem;top:var(--planet-details-expanded-height)}}@-webkit-keyframes pop-in{0%{width:0}70%{width:101%}90%{width:99%}to{width:100%}}@keyframes pop-in{0%{width:0}70%{width:101%}90%{width:99%}to{width:100%}}@-webkit-keyframes pop-out{0%{visibility:visible;width:100%}to{visibility:hidden;width:0}}@keyframes pop-out{0%{visibility:visible;width:100%}to{visibility:hidden;width:0}}
/*# sourceMappingURL=main.38e5c099.css.map*/