body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--white:#fff;--deepBlue:#070724;--lightBlue:#419ebb;--blue:#2d68f0;--cyan:#1ec1a2;--darkGrey:#38384f;--lightGrey:#838391;--yellow:#eda249;--purple:#6d2ed5;--darkOrange:#d14c32;--lightOrange:#cd5120;--red:#d83a34;--borderColors:hsla(0,0%,59.2%,0.5)}*,:after,:before{box-sizing:border-box}body{margin:0;background-color:#070724;background-color:var(--deepBlue)}h1,h2,h3,p{color:#fff;color:var(--white)}p{font-size:14px;font-weight:400;line-height:1.75}p,span{font-family:"Spartan",sans-serif}.nav-container{grid-area:nav-container}.planet-container{grid-area:planet-container}.description-container{grid-area:description-container}.viewSelector-container{grid-area:viewSelector-container}.factBoxes-container{grid-area:factboxes-container}.grid-container{width:auto;max-width:1300px;padding:0 .5rem;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"nav-container" "viewSelector-container" "planet-container" "description-container" "factboxes-container"}@media(min-width:1200px){.grid-container{padding-top:5rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 300px;grid-template-areas:"planet-container planet-container description-container description-container" "planet-container planet-container viewSelector-container viewSelector-container" "factboxes-container factboxes-container factboxes-container factboxes-container"}}header{display:flow-root;position:relative;padding:1.25rem;border-bottom:.5px solid hsla(0,0%,59.2%,.5);border-bottom:.5px solid var(--borderColors)}header h1{font-family:"Antonio",sans-serif;font-size:2.5rem;font-weight:500;margin:0}nav{position:absolute;top:100%;width:100%;background:#070724;background:var(--deepBlue);z-index:1000;left:0;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0)}nav ul{margin:0;padding:0;list-style:none}nav li{padding:1rem 0;margin-left:1.15rem;margin-right:1.15rem;opacity:0;transition:opacity .15s ease-in-out;color:#fff;color:var(--white);display:flex;align-items:center}nav li:hover{text-decoration:underline}nav li>div{height:20px;width:20px;background:#fff;padding-top:.5rem;border-radius:50%}nav li>span{letter-spacing:.15rem;text-transform:capitalize;margin-left:1rem;font-weight:700}.mercuryIcon{background-color:#def4fc}.active.Mercury{border-bottom:1px solid #def4fc}.venusIcon{background-color:#f7cc7f}.active.Venus{border-bottom:1px solid #f7cc7f}.earthIcon{background-color:#545bfe}.active.Earth{border-bottom:1px solid #545bfe}.marsIcon{background-color:#ff6a45}.active.Mars{border-bottom:1px solid #ff6a45}.jupiterIcon{background-color:#ecad7a}.active.Jupiter{border-bottom:1px solid #ecad7a}.saturnIcon{background-color:#fccb6b}.active.Saturn{border-bottom:1px solid #fccb6b}.uranusIcon{background-color:#65f0d5}.active.Uranus{border-bottom:1px solid #65f0d5}.neptuneIcon{background-color:#497efa}.active.Neptune{border-bottom:1px solid #497efa}.navToggle:checked~nav{-webkit-transform:scale(1);transform:scale(1)}.navToggle:checked~nav li{opacity:1;transition:opacity .25s ease-in-out .25s}.chevron{margin-left:auto;height:15px}.navToggle{display:none}.navToggleLabel{position:absolute;top:0;right:0;margin-right:1em;height:100%;display:flex;align-items:center}.navToggleLabel span,.navToggleLabel span:after,.navToggleLabel span:before{display:block;background:hsla(0,0%,59.2%,.5);background:var(--borderColors);height:2px;width:2em;border-radius:2px;position:relative}.navToggleLabel:checked span,.navToggleLabel:checked span:after,.navToggleLabel:checked span:before{background:#838391;background:var(--lightGrey)}.navToggleLabel span:after,.navToggleLabel span:before{content:"";position:absolute}.navToggleLabel span:before{bottom:7px}.navToggleLabel span:after{top:7px}.viewSelector-container{display:flex;justify-content:space-around;text-align:center}.planet-container{padding:4rem 0;display:flex;justify-content:center;align-items:center;position:relative}.planet-container img{max-width:50%}.description-container{text-align:center}.description-container h2{font-family:"Antonio",sans-serif;font-size:2.5rem;font-weight:500}.sourceLink{color:hsla(0,0%,59.2%,.5);color:var(--borderColors);font-weight:400;text-decoration:none}.sourceLink>*{font-family:"Spartan",sans-serif}.sourceLink>span{font-weight:700;margin:0 .5rem;text-decoration:underline}.factBoxes{margin-top:2rem}.factBoxes>div{display:flex;justify-content:space-between;align-items:center;padding:1rem;color:hsla(0,0%,59.2%,.5);color:var(--borderColors);border:1px solid hsla(0,0%,59.2%,.5);border:1px solid var(--borderColors);margin:.25rem 0}.factBoxes p{margin:0}.factData{font-size:1.25rem;font-weight:600}.surfaceImage{position:absolute;bottom:0;max-width:25%!important}@media(min-width:1200px){.navIcons,.navToggleLabel{display:none}header{display:grid;grid-template-columns:20% 80%;padding:0 1rem}nav{all:unset;justify-content:flex-end;align-items:center}nav,nav ul{display:flex}nav li{opacity:1;margin-bottom:0;font-size:.75rem}nav li span{margin-left:unset}nav ul li{border-top:1px solid transparent}nav ul li:first-child:hover{text-decoration:none;border-top:1px solid #def4fc}nav ul li:nth-child(2):hover{text-decoration:none;border-top:1px solid #f7cc7f}nav ul li:nth-child(3):hover{text-decoration:none;border-top:1px solid #545bfe}nav ul li:nth-child(4):hover{text-decoration:none;border-top:1px solid #ff6a45}nav ul li:nth-child(5):hover{text-decoration:none;border-top:1px solid #ecad7a}nav ul li:nth-child(6):hover{text-decoration:none;border-top:1px solid #fccb6b}nav ul li:nth-child(7):hover{text-decoration:none;border-top:1px solid #65f0d5}nav ul li:nth-child(8):hover{text-decoration:none;border-top:1px solid #497efa}.active.Mercury{background-color:#419ebb}.active.Venus{background-color:#f7cc7f}.active.Earth{background-color:#545bfe}.active.Mars{background-color:#ff6a45}.active.Jupiter{background-color:#ecad7a}.active.Saturn{background-color:#fccb6b}.active.Uranus{background-color:#65f0d5}.active.Neptune{background-color:#497efa}.chevron{display:none}.planet-container img{max-width:100%}.description-container{display:flex;flex-direction:column;justify-content:flex-end;text-align:left;padding:0 2rem}.description-container a{display:block;margin-bottom:3rem}.viewSelector-container{flex-direction:column;justify-content:space-evenly;padding:0 2rem}.viewSelector-container div{border:1px solid hsla(0,0%,59.2%,.5);border:1px solid var(--borderColors);display:flex;justify-content:start;align-items:center}.viewSelector-container div span{font-family:"Spartan",sans-serif;color:#fff;color:var(--white);margin-left:1rem;margin-right:1.5rem;font-weight:600}.viewSelector-container div p{font-size:1.25rem;font-weight:600}.viewSelector-container p span{margin-right:3rem}.factBoxes{display:flex}.factBoxes div{width:100%;margin:0 .25rem}}
/*# sourceMappingURL=main.cf6cf5ac.chunk.css.map */