@import"https://fonts.googleapis.com/css2?family=Antonio:wght@500&family=League+Spartan:wght@400;700&display=swap";:root{line-height:1.5}figure,h1,h2,h3,h4,h5,ol,p,ul{margin:0}ol,ul{list-style:none;padding-inline:0}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}img{display:block;max-inline-size:100%}h1{font-family:Antonio,sans-serif;font-size:80px;font-weight:500;line-height:103px;text-transform:uppercase}@media only screen and (max-width:850px){h1{font-size:48px}}h2{font-family:Antonio,sans-serif;font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:52px}@media only screen and (max-width:850px){h2{font-size:24px}}button,h3{font-family:League Spartan,sans-serif;font-size:12px;font-weight:700;letter-spacing:2.6px;line-height:25px;text-transform:uppercase}@media only screen and (max-width:850px){button,h3{font-size:9px}}a,h4{font-family:League Spartan,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;line-height:25px;text-decoration:none;text-transform:uppercase}@media only screen and (max-width:850px){a,h4{font-size:8px}}a:visited,h4:visited{color:#fff}h5{font-family:Antonio,sans-serif;font-size:28px;font-weight:400;letter-spacing:-1px;text-transform:uppercase}body{background:url(../images/background-stars.svg) 50% no-repeat,#000;background-size:cover;color:#fff;margin:0;padding:0}p,span{font-family:League Spartan,sans-serif;font-size:14px;font-weight:400;line-height:25px}.container{margin:0 auto;max-width:1400px;padding:0 15px}section{padding:126px 50px 56px}@media only screen and (max-width:630px){section{padding:0 25px 50px}}.planet-top{align-items:center;display:flex;gap:50px;justify-content:space-between;margin-bottom:87px}@media only screen and (max-width:850px){.planet-top{flex-direction:column}}@media only screen and (max-width:630px){.planet-top{margin-bottom:0;padding-top:75px}}.planet-top .planet-info{max-width:350px}@media only screen and (max-width:850px){.planet-top .planet-info{align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr;max-width:100%}}@media only screen and (max-width:630px){.planet-top .planet-info{grid-template-columns:1fr}}.planet-top .planet-info p{margin-bottom:24px}@media only screen and (max-width:630px){.planet-top .planet-info div{text-align:center}}.planet-top .planet-image{display:flex;justify-content:center;position:relative;width:100%}.planet-top .planet-image .geology-img{position:absolute;top:70%;width:175px}@media only screen and (max-width:850px){.planet-top .planet-image .geology-img{width:120px}}@media only screen and (max-width:630px){.planet-top .planet-image .geology-img{width:75px}}.planet-source-wrapper{margin-bottom:40px;opacity:.5}.planet-source-wrapper span{font-weight:400}.planet-source-wrapper a{font-size:14px;text-decoration:underline;text-transform:capitalize}.planet-source-wrapper a:after{content:url(../images/icon-source.svg);display:inline-block;height:12px;line-height:normal;margin-left:5px;vertical-align:middle;width:12px}.planet-source-wrapper a:visited{color:#fff}.planet-buttons{display:flex;flex-direction:column;gap:16px}@media only screen and (max-width:630px){.planet-buttons{order:0}}.planet-buttons button{background:none;border:1px solid #fff;color:#fff;cursor:pointer;padding:16px 0 16px 28px;text-align:left;transition:all .4s ease-in-out}.planet-buttons button:hover{background-color:#38384f;border-color:#38384f}.planet-buttons button.active{background-color:var(--2e4ba2bc);border-color:var(--2e4ba2bc)}@media only screen and (max-width:630px){.planet-buttons.desktop{display:none}}.planet-buttons.mobile{display:none;flex-direction:row;width:100%}@media only screen and (max-width:630px){.planet-buttons.mobile{display:flex}}.planet-buttons.mobile button{background:none;border:transparent;padding:14px 0;text-align:center;width:100%}.planet-buttons.mobile button.active{border-bottom:3px solid var(--2e4ba2bc)}.planet-bottom{display:flex;gap:20px;justify-content:space-between}@media only screen and (max-width:630px){.planet-bottom{align-items:center;flex-direction:column;justify-content:center}}.planet-fact{border:1px solid #fff;padding:12px;width:100%}@media only screen and (max-width:630px){.planet-fact{align-items:center;display:flex;justify-content:space-between;padding:0}}.planet-fact h4{opacity:.5;text-transform:uppercase}@media only screen and (max-width:630px){.planet-fact h4{padding-left:16px}.planet-fact h2{padding-right:16px}}