@import url(https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Spartan:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}.mercury{background:#419ebb}.venus{background:#eda249}.earth{background:#6d2ed5}.mars{background:#d14c32}.jupiter{background:#ecad7a}.saturn{background:#fccb6b}.uranus{background:#1ec1a2}.neptune{background:#2d68f0}body{background:#070724;color:#fff;background-image:url(/static/media/background-stars.f6233a6a.svg)}.container{width:100%;height:100vh}.content{width:80%;display:flex;margin:auto;align-items:center;flex-direction:column}h1{font-size:80px;line-height:103px}h1,h2{font-family:"Antonio",sans-serif;text-transform:uppercase}h2{font-size:40px;line-height:52px;letter-spacing:-1.5px}h3{font-size:12px;letter-spacing:2.6px}h3,h4{font-family:"Spartan",sans-serif;font-weight:700;line-height:25px;text-transform:uppercase}h4{font-size:11px;letter-spacing:1px}p{font-family:"Spartan",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:25px}@media screen and (max-width:1024px){h1{font-size:48px;line-height:62px}h2{font-size:24px;line-height:31px;letter-spacing:-.9px}h3{font-size:9px}h4{font-size:8px;line-height:16px;letter-spacing:.73px}p{font-size:11px;line-height:22px}}@media screen and (max-width:768px){h1{font-size:40px;line-height:52px}h2{font-size:20px;line-height:26px;letter-spacing:-.75px}h3{line-height:10px}h4{font-size:8px;line-height:16px}}button{display:flex;align-items:center;width:100%;height:48px;background:#070724;color:#fff;border:1px solid #838391;cursor:pointer}button:hover{background:#838391;border:none}button:focus{background:#419ebb}button .btn__number{padding:0 28px;opacity:.5}.info-btns{display:flex;flex-direction:column;justify-content:center;grid-gap:16px;gap:16px}.btn_shadow{height:4px;width:100%;display:none}nav{display:flex;justify-content:space-between;align-items:center;height:85px;border-bottom:1px solid hsla(0,0%,100%,.2);padding:0 32px}nav .logo{font-size:28px;line-height:85px;letter-spacing:-1.05px}nav .menu-btn{display:none;height:50px;width:50px;cursor:pointer}nav a{text-decoration:none;color:#fff}nav ul{list-style:none;display:flex;grid-gap:33px;gap:33px}nav ul h4{opacity:.8}nav ul h4:hover{opacity:1}nav ul img{display:none}.hero-container{height:70vh;margin:auto;display:flex;align-items:center;justify-content:space-between}.hero-container .image-container{width:50%;position:relative;display:flex;justify-content:center;align-items:center}.hero-container .image-container .planet-internal{position:absolute;display:none}.hero-container .image-container .planet-geology{position:absolute;width:30%;max-width:160px;top:70%;display:none}.hero-container .planet{width:30%}.hero-container .planet .planet-description{margin:24px 0}.hero-container .planet .source{margin-bottom:40px;display:flex;grid-gap:8px;gap:8px;align-items:center}.hero-container .planet .source:hover p{opacity:1}.hero-container .planet .source p{opacity:.5}.hero-container .planet .source p a{color:#fff;font-weight:700}.hero-container .planet .source img{width:12px;height:12px}.hero-container button{max-width:350px}.featured-info{display:flex;width:100%;justify-content:space-between}.featured-info .info-item{padding-left:23px;display:flex;flex-direction:column;justify-content:center;width:20%;height:128px;border:1px solid hsla(0,0%,100%,.2)}.featured-info .info-item h4{opacity:.5}@media screen and (max-width:1024px){nav{justify-content:space-evenly;flex-direction:column;height:160px;margin-bottom:2rem}.content{width:90%}.hero-container{flex-direction:column;justify-content:space-evenly;height:65vh}.hero-container .image-container{display:flex;justify-content:center;align-items:center}.hero-container .info-btns,.hero-container img{width:50%}.hero-container .planet{width:100%;display:flex;grid-gap:10%;gap:10%}.hero-container .planet-info{width:40%}.hero-container button{height:40px}.featured-info{margin-bottom:3rem}.featured-info .info-item{height:88px}}@media screen and (max-width:767px){nav{display:flex;justify-content:space-between;align-items:left;flex-direction:row;height:68px;position:relative;margin:0}nav .menu-btn{display:flex;justify-content:center;align-items:center}nav ul{position:absolute;flex-direction:column;height:100vh;top:8vh;width:0;right:0;background:#070724;z-index:2;padding:44px 24px;transition:all .5s;overflow:hidden;visibility:hidden}nav ul a,nav ul li{width:100%}nav ul a{display:flex;align-items:center}nav ul a .planet-icon{height:20px;width:20px;border-radius:50%}nav ul a h4{font-size:15px;line-height:25px;padding-left:25px}nav ul a img{width:4px;height:8px;margin-left:auto;display:block}.content{position:relative}.content .hero-container{justify-content:space-between;height:70vh;padding-top:20%}.content .hero-container .image-container{width:100%}.content .hero-container .planet{flex-direction:column-reverse}.content .hero-container .planet .planet-info{width:100%;text-align:center}.content .hero-container .planet .source{justify-content:center}.content .hero-container .planet-geology{width:25%;top:40%}.content .info-btns{position:absolute;width:100%;flex-direction:row;top:0;grid-gap:0;gap:0;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.2)}.content .info-btns button{height:50px;border:none;justify-content:center;min-width:90px}.content .info-btns button .btn__number{display:none}.featured-info{margin-bottom:3rem;flex-direction:column;grid-gap:8px;gap:8px}.featured-info .info-item{flex-direction:row;justify-content:space-between;align-items:center;height:48px;width:100%;padding:0 24px}}
/*# sourceMappingURL=main.623d157a.chunk.css.map */