@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-300-Light.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-400-Regular.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-500-Medium.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-600-Semi-bold.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-700-Bold.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:local(""),url(../fonts/Montserrat-latin-800-Extra-bold.woff2) format("woff2")}:root{--background-body: #fafafa;--background-card: #ffffff;--complete: #dbdce1;--text-main: #505165;--text-light: #949398;--line: #e6e5ea;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #54057b);--primary: #082027;--border-radius: .35rem}[data-theme=light]{--background-body: #fafafa;--background-card: #ffffff;--complete: #dbdce1;--text-main: #505165;--text-light: #949398;--line: #e6e5ea;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #c058f3);--border-radius: .35rem}[data-theme=dark]{--background-body: #181824;--background-card: #25283b;--complete: #dbdce1;--text-main: #c8cae3;--text-light: #606279;--line: #37394e;--blue: #3a7bfd;--gradient: linear-gradient(#57ddff, #c058f3);--border-radius: .35rem}*{padding:0;margin:0}*,*:before,*:after{box-sizing:inherit}html{padding:0;box-sizing:border-box;font-size:62.5%}body{font-family:Montserrat,monospace;font-weight:400;font-size:1.8rem;line-height:1.6;overflow:hidden;height:100vh;width:100vw;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);background:#141414;background:var(--gradient);background:radial-gradient(circle,#00213b,#000 79%)}body:hover{cursor:pointer}#root{position:fixed;top:0;left:0;width:100%;height:100%}.planet{cursor:pointer}.terrestrial{image-rendering:crisp-edges;transform:translate(34rem);width:20rem;height:10rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;-webkit-font-smoothing:antialiased}.terrestrial h1{-webkit-font-smoothing:antialiased;color:#fff;font-size:1rem;margin-bottom:.5rem}.terrestrial p{-webkit-font-smoothing:antialiased;color:#fff;text-align:center;font-size:.5rem;margin-bottom:2rem}.terrestrial__pointer{width:90%;height:5rem;border-top:1px solid white;border-left:1px solid white;border-right:1px solid white}.asteroid{transform:translate(34rem);width:15rem;height:10rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.asteroid h1{color:#fff;font-size:1rem;margin-bottom:.5rem}.asteroid p{color:#fff;text-align:center;font-size:.5rem;margin-bottom:2rem}.asteroid__pointer{width:90%;height:5rem;border-top:1px solid white;border-left:1px solid white;border-right:1px solid white}.giant{transform:translate(34rem);width:40rem;height:10rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.giant h1{color:#fff;font-size:1rem;margin-bottom:.5rem}.giant p{width:60%;color:#fff;text-align:center;font-size:.5rem;margin-bottom:2rem}.giant__pointer{width:90%;height:5rem;border-top:1px solid white;border-left:1px solid white;border-right:1px solid white}.ui{padding:3rem;height:5rem;position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:1}.ui__logo{display:flex;flex-direction:column;text-align:center;align-items:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);height:2rem;cursor:pointer;z-index:999;text-decoration:none;color:#737373;font-size:1.2rem;-webkit-user-select:none;user-select:none}.ui__logo img{width:8rem}.ui__btns{display:flex;margin-right:3rem}.ui__btns button{font-weight:100;font-size:2rem;color:#fff;border:none;background:transparent}.ui__btns button:not(:last-child){margin-right:1rem}.ui .title{color:#fff;z-index:99;font-size:40rem}.solorSystem__logo{font-family:Montserrat;font-weight:300;position:absolute;top:1%;left:50%;transform:translate(-50%);color:#ffffffbf;font-size:3rem;-webkit-user-select:none;user-select:none}.solorSystem__logo h4{font-size:2rem;font-weight:300}.muteBtn{background-color:transparent;color:#fff;border:none;z-index:9999;border-radius:50%;cursor:pointer;text-transform:uppercase;padding:.25rem}.muteBtn svg{fill:#ffffffac;width:3rem;height:3rem}.muteBtn svg:hover{fill:#756e6eac}.labelToggle{background-color:transparent;color:#fff;border:none;border-radius:50%;cursor:pointer;text-transform:uppercase;padding:.25rem}.labelToggle svg{fill:#ffffffac;width:3rem;height:3rem}.labelToggle svg:hover{fill:#756e6eac}.bottomButtons{display:flex;justify-content:space-around;z-index:9999;left:50%;width:20rem;position:absolute;bottom:2%;transform:translate(-50%)}.closeModal{cursor:pointer;position:absolute;top:3%;right:3%;border:none;background:none}.closeModal svg{fill:#fff;width:3rem;height:3rem}.label{font-family:Montserrat;font-size:.75rem;transform:translate(-50%);-webkit-user-select:none;user-select:none;color:#fff;text-align:center;display:flex;justify-content:center}.label h1{font-weight:300}.facts{font-family:Montserrat;padding:2rem;height:min-content;width:min-content;display:flex;flex-direction:column;align-items:center;background-color:#3d3d3d5c}.facts h1{font-size:2rem;color:#fff}.facts img{height:18rem;width:18rem}.facts h3{font-size:1.8rem;font-weight:300;margin-bottom:2rem}.facts h4{width:25rem;font-weight:300;font-size:1.3rem}.facts span{font-weight:500}