*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:League Spartan,sans-serif;background:#070724 url(/assets/background-stars.svg) no-repeat center center}img{display:block;max-width:100%}.img-container{position:relative}.img-container img{margin-inline:auto;margin-top:5.938em}.geology-img{position:absolute;bottom:-25%;left:0;right:0;max-width:9.875rem}ul{margin:0;padding:0;list-style:none}.home h1{text-align:center;color:#fff}.planets{display:flex;flex-wrap:wrap;justify-content:center;max-width:3em;margin-inline:auto}h1{font-family:Antonio,sans-serif;font-size:2.5rem;font-weight:400;text-transform:uppercase}h1+p{font-size:.6875rem;font-weight:400;line-height:1.375rem}h2{color:#fff;font-family:Antonio,sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:-.06563rem;text-transform:uppercase}header>a>h2{margin-left:1em}nav{padding:1em;position:relative}nav ul{display:none}nav ul.mobile{display:flex;flex-direction:column;align-items:center;gap:1em;position:fixed;top:5em;right:0;bottom:0;left:0;z-index:999;background-color:#070724}ul.mobile li{display:flex;justify-content:space-between;width:80%;margin-inline:auto;padding-block:1em;border-bottom:1px solid rgba(255,255,255,.5)}.circle{width:1.25rem;height:1.25rem;border-radius:50%}a{text-decoration:none}ul.mobile a{font-size:1rem}nav a{color:#fff;font-family:League Spartan,sans-serif;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1.5625rem;letter-spacing:.0625rem}.toggle-btn{cursor:pointer;background-color:transparent;border:none}.sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden}.mobile-tab-list{display:flex;justify-content:center;align-items:center;gap:2.688em;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;transform:scale(.9)}.tab{color:#fff;display:block;cursor:pointer;font-family:League Spartan,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12056rem;padding-bottom:1em;outline:none;opacity:.5;transition:all .2s ease}.active-tab{border-bottom:.25em solid;opacity:1;transition:all .2s ease}.stat-name{font-family:League Spartan,sans-serif;font-size:.5rem;font-weight:700;line-height:1rem;letter-spacing:.04544rem;text-transform:uppercase;color:#fff;opacity:.5}.stat-value{font-family:Antonio,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.04688rem;text-transform:uppercase;color:#fff}.source-text{display:flex;justify-content:center;align-items:center;gap:.25em}.source-text,.source-text>a{color:#fff;font-family:League Spartan,sans-serif;font-size:.75rem;font-weight:400;line-height:1.5625rem;opacity:.5}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.5);margin-bottom:2em}.heading-text{text-align:center;width:80%;margin-inline:auto;margin-top:6.125em;color:#fff}.row{display:flex;justify-content:space-between;align-items:center;padding:.563em 1.5em;border:1px solid;width:80%;margin-inline:auto;margin-bottom:1em;border:1px solid rgba(255,255,255,.2)}.planet{padding:1em}.mercury .planet-img{max-width:6.9375rem}.mercury .geology-img{max-width:4rem}.venus .planet-img{max-width:9.625rem}.venus .geology-img{max-width:4.8125rem}.earth .planet-img{max-width:10.8125rem}.earth .geology-img{max-width:5.40625rem}.mars .planet-img{max-width:8.0625rem}.mars .geology-img{max-width:4.03125rem}.jupiter .planet-img{max-width:14rem}.jupiter .geology-img{max-width:7rem}.saturn .planet-img{max-width:16rem}.saturn .geology-img{max-width:8rem}.uranus .planet-img{max-width:11rem}.uranus .geology-img{max-width:5.5rem}.neptune .planet-img{max-width:11rem}.neptune .geology-img{max-width:5.5rem}@media screen and (min-width: 48rem){.toggle-btn{display:none}header{display:flex;flex-direction:column;justify-content:center;align-items:center}nav ul{display:flex;justify-content:center;align-items:center;gap:1em}.mobile-tab-list{display:none}.heading-text{text-align:left;margin-inline:unset}.heading-text h1{font-size:3rem}.statistics{display:flex;gap:1em;margin-top:8em;margin-inline:1em}.statistics .row{flex:1;width:10.25rem;flex-direction:column;align-items:flex-start}.react-tabs__tab-panel{display:flex;flex-wrap:wrap;margin-bottom:1em;padding-inline:1em}.img-container{width:100%;margin:0 auto}.heading-text{max-width:40%}.stat-value{font-size:1.5rem;margin-top:0}.desktop-tab-list{max-width:40%;margin-left:auto;margin-right:1em;margin-top:-16em}.desktop-tab{cursor:pointer;color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,.2);font-family:League Spartan,sans-serif;font-size:.5625rem;font-weight:700;line-height:1.5625rem;letter-spacing:.12056rem;text-transform:uppercase;max-height:2.5rem;margin-bottom:.5rem;display:flex;gap:1em;outline:none;padding:1em;transition:all .15s ease}.mercury .active-desktop-tab{background-color:#419ebb}.mercury .desktop-tab:hover,.mercury .desktop-tab:focus{background-color:#419ebb}.venus .active-desktop-tab{background-color:#eda249}.venus .desktop-tab:hover,.venus .desktop-tab:focus{background-color:#eda249}.earth .active-desktop-tab{background-color:#6d2ed5}.earth .desktop-tab:hover,.earth .desktop-tab:focus{background-color:#6d2ed5}.mars .active-desktop-tab{background-color:#d14c32}.mars .desktop-tab:hover,.mars .desktop-tab:focus{background-color:#d14c32}.jupiter .active-desktop-tab{background-color:#d14c32}.jupiter .desktop-tab:hover,.jupiter .desktop-tab:focus{background-color:#d14c32}.saturn .active-desktop-tab{background-color:#cd5120}.saturn .desktop-tab:hover,.saturn .desktop-tab:focus{background-color:#cd5120}.uranus .active-desktop-tab{background-color:#1ec1a2}.uranus .desktop-tab:hover,.uranus .desktop-tab:focus{background-color:#1ec1a2}.neptune .active-desktop-tab{background-color:#2d68f0}.neptune .desktop-tab:hover,.neptune .desktop-tab:focus{background-color:#2d68f0}.mercury .planet-img{max-width:11.5rem}.mercury .geology-img{max-width:5.75rem}.venus .planet-img{max-width:17.5625rem}.venus .geology-img{max-width:8.78125rem}.earth .planet-img{max-width:17.8125rem}.earth .geology-img{max-width:8.90625rem}.mars .planet-img{max-width:7.29019rem}.mars .geology-img{max-width:3.645095rem}.jupiter .planet-img{max-width:23.0625rem}.jupiter .geology-img{max-width:11.53125rem}.saturn .planet-img{max-width:16rem}.saturn .geology-img{max-width:8rem}.uranus .planet-img{max-width:18.125rem}.uranus .geology-img{max-width:9.0625rem}.neptune .planet-img{max-width:18.125rem}.neptune .geology-img{max-width:9.0625rem}}@media screen and (min-width: 62.5rem){header{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.5);margin-bottom:2em}nav ul{justify-content:unset}.react-tabs__tab-panel{flex-wrap:nowrap}.desktop-tab{font-size:.75rem;min-height:3rem}.desktop-tab-list{margin-top:-3em;max-width:30%;margin-right:1em}.heading-text{text-align:left;max-width:30%;margin-left:auto;margin-right:1em}h1{font-size:5rem}h1+p{font-size:.875rem}.source-text{justify-content:flex-start}.stat-name{font-size:.6875rem}.stat-value{font-size:2.5rem;margin-bottom:1.688rem}.mercury .planet-img{max-width:18.125rem}.mercury .geology-img{max-width:9.0625rem}.venus .planet-img{max-width:25rem}.venus .geology-img{max-width:12.5rem}.earth .planet-img{max-width:28.125rem}.earth .geology-img{max-width:14.0625rem}.mars .planet-img{max-width:21rem}.mars .geology-img{max-width:10.5rem}.jupiter .planet-img{max-width:25rem}.jupiter .geology-img{max-width:12.5rem}.saturn .planet-img{max-width:20rem}.saturn .geology-img{max-width:10rem}.uranus .planet-img{max-width:28.625rem}.uranus .geology-img{max-width:14.3125rem}.neptune .planet-img{max-width:28.625rem}.neptune .geology-img{max-width:14.3125rem}}