@import"https://fonts.googleapis.com/css2?family=Antonio:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@200;300;400;500&display=swap";h1,h2,h3,h4,h5,h6{font-family:Antonio,sans-serif;color:#fff}main{background-image:url(/assets/background-stars.00f213fd.svg);background-color:#070724;min-height:100vh}header{display:flex;justify-content:space-between;height:5rem;align-items:center;margin:0rem 2rem}header .logo a{text-decoration:none}header .logo :hover{color:#6f2ed6;transition:all ease-in-out .3s}header ul{display:flex;gap:1rem}header ul li{list-style:none;font-size:1.2rem;font-family:Antonio,sans-serif}header ul li a{cursor:pointer;color:#fff;text-decoration:none}header ul li a:hover{color:#6f2ed6}.planet{display:flex;flex-direction:column;height:100%;height:calc(100vh - 4rem);width:100%;max-width:1440px;margin:auto;padding:0rem 1rem}.planet .planet-info{display:grid;grid-template-columns:60% 1fr;gap:2rem;height:80%;justify-content:center;align-items:center}.planet .planet-info .planet-images{display:flex;flex-wrap:wrap;position:relative;width:fit-content;height:auto;margin:auto}.planet .planet-info .planet-images .surface-img{position:absolute;max-width:125px;width:100%;height:auto;top:70%;left:32%}.planet .planet-info .planet-img{position:relative;width:100%;max-width:350px;height:auto;margin:auto}.planet-infos{display:flex;flex-direction:column;max-width:70%}.planet-infos h2{font-size:5rem;margin-bottom:1rem;font-weight:700}.planet-infos p{font-size:1.1rem;font-family:League Spartan,sans-serif;color:#aaa;margin-bottom:1rem;font-weight:300}.planet .planet-stats{display:grid;flex-wrap:wrap;gap:1rem;justify-content:space-around;grid-template-columns:repeat(4,minmax(200px,auto))}.inactive-button{background-color:transparent;outline:1px solid hsl(240deg,6%,54%);border:none;display:grid;grid-template-columns:20px 1fr;align-items:center;justify-content:space-evenly;padding:.75rem;margin-bottom:1rem;font-size:1.2rem;cursor:pointer;transition:all ease-in-out .3s;font-family:Antonio,sans-serif;text-transform:uppercase}.inactive-button:hover{background-color:#6f2ed6;outline:none}.button-number{justify-self:start;color:#838391}.hidden{display:none}.stats-card{outline:1px solid hsl(240deg,6%,54%);padding:1rem}.stats-card h4{color:#838391}.stats-card h3{font-size:2.3rem}.stats-card:hover{background-color:#6f2ed6;cursor:pointer;transition:all ease-in-out .3s;outline:none;padding:1rem}.stats-card:hover h4{color:#838391}.stats-card:hover h3{font-size:2.3rem}.active-button{background-color:#6f2ed6;color:#fff;transition:all ease-in-out .3s}.menu{display:none}.menu-btn{display:none;background-color:transparent;border:none;color:#6f2ed6;font-size:2rem;cursor:pointer}.menu-btn:hover{transition:all ease-in-out .3s}.menu-btn:hover svg{fill:#6f2ed6}@media screen and (max-width: 800px){.default-nav{display:none}.menu-btn{display:revert}.menu{display:revert;position:absolute;top:0;right:0;z-index:10;width:0%;background-color:#fff;height:100vh;overflow:hidden;color:#000;transition:all ease-in .25s}.menu ul{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.menu ul li a{color:#000;font-size:3rem}.menu .close-btn{cursor:pointer;position:absolute;border:none;top:2%;right:7%;background-color:transparent;font-size:3rem}.menu .close-btn svg{fill:#000}.menu .close-btn:hover{transition:all ease-in-out .3s}.menu .close-btn:hover svg{fill:#6f2ed6}.planet{min-height:100vh;height:revert;padding-top:4rem}.planet .planet-info{display:grid;justify-items:center;grid-template-columns:auto;grid-template-rows:auto;text-align:center;align-items:center;height:auto}.planet .planet-info .planet-infos{max-width:revert}.planet .planet-stats{display:grid;flex-wrap:wrap;gap:1rem;justify-content:space-around;grid-template-columns:repeat(2,minmax(auto,300px));margin-bottom:3rem}}@media screen and (max-width: 800px) and (max-width: 500px){.planet .planet-stats{grid-template-columns:minmax(auto,300px)}}.home-page{width:100%;display:flex;gap:2rem;flex-direction:column;text-align:center;align-items:center;justify-content:center;height:calc(100vh - 5rem);font-family:Antonio,sans-serif}.home-page ul{display:grid;grid-template-columns:repeat(8,auto);justify-content:center;align-items:center;width:auto;gap:1rem;list-style:none}.home-page ul li{width:auto;height:auto}.home-page ul li img:hover{transform:scale(1.2);transition:all ease-in-out .3s}.home-page ul :first-child{width:auto;height:auto}.home-page ul :first-child img{width:50px}.home-page ul :nth-child(2){width:auto;height:auto}.home-page ul :nth-child(2) img{width:75px}.home-page ul :nth-child(3){width:auto;height:auto}.home-page ul :nth-child(3) img{width:100px}.home-page ul :nth-child(4){width:auto;height:auto}.home-page ul :nth-child(4) img{width:125px}.home-page ul :nth-child(5){width:auto;height:auto}.home-page ul :nth-child(5) img{width:200px}.home-page ul :nth-child(6){width:auto;height:auto}.home-page ul :nth-child(6) img{width:175px}.home-page ul :nth-child(7){width:auto;height:auto}.home-page ul :nth-child(7) img{width:150px}.home-page ul :nth-child(8){width:auto;height:auto}.home-page ul :nth-child(8) img{width:150px}@media screen and (max-width: 1000px){.home-page{height:revert;max-height:auto}.home-page ul{display:grid;grid-template-columns:auto;padding:5rem 1rem}}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;color:#fff}