@import url(https://fonts.googleapis.com/css2?family=Antonio&family=Spartan:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#fff}.container{position:relative;width:1440px;height:1024px;background:url(/static/media/background-stars.f6233a6a.svg);background-color:#070724}@media (max-width:768px){.container{width:768px;height:1024px}}@media (max-width:375px){.container{width:375px;height:950px}}nav{display:flex;border-bottom:1px solid hsla(0,0%,100%,.2);position:fixed;top:0;left:0;width:1440px;z-index:9999;background:url(/static/media/background-stars.f6233a6a.svg);background-color:#070724}@media (max-width:768px){nav{flex-direction:column;width:768px}}nav h1{margin:22px 410px 27px 32px;font-family:"Antonio";font-weight:400;font-size:28px;line-height:36px;letter-spacing:-1.05px;text-transform:uppercase}@media (max-width:768px){nav h1{margin:32px 329px 20px 330px}}nav .navbar-container{display:flex;justify-content:space-between;width:665px;margin-right:40px}@media (max-width:768px){nav .navbar-container{margin:0 52px 27px 51px}}nav a{font-family:"Spartan";font-weight:700;font-size:11px;text-decoration:none;line-height:25px;letter-spacing:1px;text-transform:uppercase;color:hsla(0,0%,100%,.7);padding-top:29px}nav a:hover{color:#fff}@media (max-width:768px){nav a{padding-top:7px}}.planet{display:flex;margin-left:165px;margin-right:165px;position:relative;margin-top:85px}@media (max-width:768px){.planet{flex-direction:column;margin-left:39px;margin-right:40px;margin-top:150px}}@media (max-width:375px){.planet{margin-right:24px;margin-left:24px;margin-top:68px}}.planet h1{font-family:"Antonio";font-weight:400;font-size:80px;line-height:104px;text-transform:uppercase;position:absolute;width:263px;height:104px;left:760px;top:86px}@media (max-width:768px){.planet h1{font-size:48px;line-height:62px;position:absolute;height:62px;left:0;top:461px}}@media (max-width:375px){.planet h1{font-size:40px;line-height:52px;height:52px;top:355px;width:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.planet .content-para{position:absolute;width:350px;height:150px;left:760px;top:213px;font-family:"Spartan";font-size:14px;line-height:25px;color:#fff}@media (max-width:768px){.planet .content-para{height:110px;left:0;top:547px;font-size:11px;line-height:22px}}@media (max-width:375px){.planet .content-para{top:423px;width:327px;height:110px;font-size:11px;text-align:center}}.planet .links{display:flex;grid-gap:8px;gap:8px;position:absolute;width:164px;height:25px;left:760px;top:387px;margin-bottom:39px;font-family:"Spartan";font-size:14px;line-height:25px;color:hsla(0,0%,100%,.5)}@media (max-width:768px){.planet .links{height:25px;left:0;top:689px;font-size:12px;line-height:25px;margin-bottom:0}}@media (max-width:375px){.planet .links{top:566px;left:93px;font-size:12px}}.planet .links span{text-decoration:underline;font-weight:700}.planet .btn{display:flex;flex-direction:column;grid-gap:16px;gap:16px;position:absolute;width:350px;height:176px;left:760px;top:451px}@media (max-width:768px){.planet .btn{position:absolute;width:281px;height:152px;left:408px;top:517px}}@media (max-width:375px){.planet .btn{flex-direction:row;justify-content:space-between;position:absolute;width:327px;left:0;top:0;height:50px}}.planet .btn button{position:relative;height:48px;background:transparent;border:1px solid hsla(0,0%,100%,.2);cursor:pointer}@media (max-width:375px){.planet .btn button{width:80px;border:none;padding-bottom:10px}}.planet .btn button span:first-child{position:absolute;height:25px;left:8%;right:86.86%;top:calc(50% - 12px);font-family:"Spartan";font-weight:700;font-size:12px;line-height:25px;letter-spacing:2.57143px;text-transform:uppercase;color:#fff}@media (max-width:375px){.planet .btn button span:first-child{display:none}}.planet .btn button span:last-child{position:absolute;height:25px;left:21.14%;top:calc(50% - 12px);font-family:"Spartan";font-weight:700;font-size:12px;line-height:25px;letter-spacing:2.57143px;text-transform:uppercase;color:#fff}@media (max-width:375px){.planet .btn button span:last-child{left:0;top:20px;font-size:9px;line-height:10px;margin-left:10px;letter-spacing:1.92857px;color:hsla(0,0%,100%,.5)}}.planet .btn button:hover{background:hsla(0,0%,100%,.2)}.underline{position:absolute;width:375px;height:1px;background-color:hsla(0,0%,100%,.2);top:48px;left:-36px}.planet-facts{display:flex;grid-gap:30px;gap:30px;position:absolute;top:714px;height:128px;margin-left:165px;margin-right:165px;margin-top:87px}@media (max-width:768px){.planet-facts{grid-gap:11px;gap:11px;height:88px;top:741px;margin-left:39px;margin-right:40px;margin-top:0}}@media (max-width:375px){.planet-facts{flex-direction:column;grid-gap:8px;gap:8px;height:216px;width:327px;top:680px;margin-left:24px;margin-right:24px;margin-top:10px}}.planet-facts div{width:255px;border:1px solid hsla(0,0%,100%,.2);padding-left:23px;padding-top:20px;padding-bottom:20px}@media (max-width:768px){.planet-facts div{width:164px;padding-left:15px;padding-top:16px;padding-bottom:19px}}@media (max-width:375px){.planet-facts div{width:327px;height:48px;padding:9px 24px 13px;display:flex;justify-content:space-between}}.planet-facts p{font-family:"Spartan";font-weight:700;font-size:11px;line-height:25px;letter-spacing:1px;text-transform:uppercase;color:hsla(0,0%,100%,.5)}@media (max-width:768px){.planet-facts p{font-size:8px;line-height:16px;letter-spacing:.727273px}}@media (max-width:375px){.planet-facts p{padding-top:7px}}.planet-facts h1{font-family:"Antonio";font-size:40px;line-height:52px;letter-spacing:-1.5px;text-transform:uppercase;color:#fff}@media (max-width:768px){.planet-facts h1{font-size:24px;line-height:31px;letter-spacing:-.9px}}@media (max-width:375px){.planet-facts h1{font-size:20px;line-height:25.88px;letter-spacing:-.75px}}.mercury .active-btn{background:#419ebb!important}@media (max-width:375px){.mercury .active-btn{background:none!important;border-bottom:2px solid #419ebb!important}}.mercury .img{position:absolute;width:290px;height:290px;left:170px;top:202px}@media (max-width:768px){.mercury .img{width:184px;height:184px;left:254px;top:147px}}@media (max-width:375px){.mercury .img{width:111px;height:111px;left:0;right:0;margin:auto;top:147px}}.mercury .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.mercury .geology{width:103px;height:126px;left:296px;top:290px}}@media (max-width:375px){.mercury .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:232px}}.venus .active-btn{background:#eda249!important}@media (max-width:375px){.venus .active-btn{background:none!important;border-bottom:2px solid #eda249!important}}.venus .img{position:absolute;width:400px;height:400px;left:115px;top:147px}@media (max-width:768px){.venus .img{position:absolute;width:253px;height:253px;left:219px;top:122px}}@media (max-width:375px){.venus .img{position:absolute;width:154px;height:154px;left:0;right:0;margin:auto}}.venus .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.venus .geology{position:absolute;width:103px;height:126px;left:295px;top:300px}}@media (max-width:375px){.venus .geology{position:absolute;width:62px;height:76px;left:0;right:0;margin:auto;top:230px}}.earth .active-btn{background:#6d2ed5!important}@media (max-width:375px){.earth .active-btn{background:none!important;border-bottom:2px solid #6d2ed5!important}}.earth .img{position:absolute;width:450px;height:450px;left:90px;top:122px}@media (max-width:768px){.earth .img{width:253px;height:253px;left:219px;top:113px}}@media (max-width:375px){.earth .img{width:173px;height:173px;left:0;right:0;margin:auto}}.earth .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.earth .geology{width:92px;height:112px;left:299px;top:288px}}@media (max-width:375px){.earth .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:230px}}.mars .active-btn{background:#d14c32!important}@media (max-width:375px){.mars .active-btn{background:none!important;border-bottom:2px solid #d14c32!important}}.mars .img{position:absolute;width:336px;height:336px;left:147px;top:179px}@media (max-width:768px){.mars .img{width:213px;height:213px;left:239px;top:133px}}@media (max-width:375px){.mars .img{width:129px;height:129px;left:0;right:0;margin:auto}}.mars .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.mars .geology{width:94px;height:126px;left:299px;top:300px}}@media (max-width:375px){.mars .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:230px}}.jupiter .active-btn{background:#d83a34!important}@media (max-width:375px){.jupiter .active-btn{background:none!important;border-bottom:2px solid #d83a34!important}}.jupiter .img{position:absolute;width:582px;height:582px;left:24px;top:56px}@media (max-width:768px){.jupiter .img{width:369px;height:369px;left:161px;top:55px}}@media (max-width:375px){.jupiter .img{width:224px;height:224px;left:0;right:0;margin:auto;top:91px}}.jupiter .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.jupiter .geology{width:103px;height:126px;left:294px;top:294px}}@media (max-width:375px){.jupiter .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:235px}}.saturn .active-btn{background:#cd5120!important}@media (max-width:375px){.saturn .active-btn{background:none!important;border-bottom:2px solid #cd5120!important}}.saturn .img{position:absolute;width:666.09px;height:666.09px;left:-18.05px;top:29.95px}@media (max-width:768px){.saturn .img{width:422px;height:422px;left:134px;top:28px}}@media (max-width:375px){.saturn .img{width:256px;height:256px;left:0;right:0;margin:auto;top:76px}}.saturn .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.saturn .geology{width:103px;height:126px;left:293px;top:274px}}@media (max-width:375px){.saturn .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:230px}}.uranus .active-btn{background:#1ec1a2!important}@media (max-width:375px){.uranus .active-btn{background:none!important;border-bottom:2px solid #1ec1a2!important}}.uranus .img{position:absolute;width:458px;height:458px;left:86px;top:118px}@media (max-width:768px){.uranus .img{width:290px;height:290px;left:201px;top:94px}}@media (max-width:375px){.uranus .img{width:176px;height:176px;left:0;right:0;margin:auto;top:115px}}.uranus .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.uranus .geology{width:103px;height:126px;left:294px;top:294px}}@media (max-width:375px){.uranus .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:235px}}.neptune .active-btn{background:#2d68f0!important}@media (max-width:375px){.neptune .active-btn{background:none!important;border-bottom:2px solid #2d68f0!important}}.neptune .img{position:absolute;width:450px;height:450px;left:90px;top:122px}@media (max-width:768px){.neptune .img{width:285px;height:285px;left:203px;top:97px}}@media (max-width:375px){.neptune .img{width:173px;height:173px;left:0;right:0;margin:auto;top:116px}}.neptune .geology{position:absolute;width:163px;height:199px;left:234px;top:428px}@media (max-width:768px){.neptune .geology{width:103px;height:126px;left:294px;top:294px}}@media (max-width:375px){.neptune .geology{width:62px;height:76px;left:0;right:0;margin:auto;top:235px}}.mobile-navbar{position:fixed;top:0;left:0;z-index:9999;width:100%;background:url(/static/media/background-stars.f6233a6a.svg);background-color:#070724}.mobile-wrapper{display:flex;justify-content:space-between;padding:16px 24px 17px;border-bottom:1px solid hsla(0,0%,100%,.2)}.mobile-wrapper h1{font-family:"Antonio";font-weight:400;font-size:28px;line-height:36px;letter-spacing:-1.05px;text-transform:uppercase}.mobile-wrapper svg{margin-top:10px;cursor:pointer}.links-wrapper{width:100vw;height:100vh;position:fixed;top:70px;left:0;transition:-webkit-transform .3s cubic-bezier(0,.52,0,1);transition:transform .3s cubic-bezier(0,.52,0,1);transition:transform .3s cubic-bezier(0,.52,0,1),-webkit-transform .3s cubic-bezier(0,.52,0,1);overflow:scroll;z-index:1000;background:#070724;display:flex;flex-direction:column;padding-right:24px;padding-left:24px}.links-wrapper div:first-child{height:65px}.links-wrapper div:last-child{border-bottom:none}.links-wrapper .circle{background:#fff;height:20px;width:20px;border-radius:50%;margin-right:25px}.links-wrapper .link{width:319px;height:65px;position:relative;padding-top:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.2);border-top:none}.links-wrapper .link a{font-family:"Spartan";font-weight:700;font-size:15px;line-height:25px;text-align:center;letter-spacing:1.36364px;text-transform:uppercase;color:#fff;text-decoration:none;display:flex}.links-wrapper .link .chevron-icon{position:absolute;height:8px;width:4px;left:300px;margin-top:5px}.visible{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.hidden{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}
/*# sourceMappingURL=main.11f36571.chunk.css.map */