*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;max-width:100%;color:#fff}::-webkit-scrollbar{display:none}body,html{height:100%}body{width:100vw;min-width:375px;font-family:Spartan;font-weight:400;font-size:14px;line-height:25px;background:#070724 url(/0e6393cc7a66c0b6011a9f0036f99d553a0a7a50/d3dfa/assets/background-stars.svg);background-size:cover}body[planet=Earth]{--accent:#6d2ed5}body[planet=Jupiter]{--accent:#d83a34}body[planet=Mars]{--accent:#d14c32}body[planet=Mercury]{--accent:#419ebb}body[planet=Neptune]{--accent:#2d68f0}body[planet=Saturn]{--accent:#cd5120}body[planet=Uranus]{--accent:#1ec1a2}body[planet=Venus]{--accent:#eda249}header{width:100%;height:68px;border-bottom:1px solid #979797;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}header #logo{font-family:Antonio;font-weight:500;font-size:28px;letter-spacing:-1.05px;display:block;height:36px;line-height:30px}header #hamburger{fill:#fff;cursor:pointer;transition:fill .2s}header.show-links #hamburger{fill:#979797}header.show-links #links{z-index:100;opacity:1}header #links{position:fixed;top:68px;left:0;height:calc(100% - 68px);width:100%;padding:calc(((100vh - 68px) - 520px)/ 2) 24px;overflow-y:scroll;background:#070724;opacity:0;transition:opacity .2s ease-in-out;z-index:-100}header #links .link{display:flex;align-items:center;height:65px;text-decoration:none}header #links .link:not(:last-child){border-bottom:1px solid #979797}header #links .link .ball{height:20px;width:20px;border-radius:50%;margin-right:24px}header #links .link span{text-decoration:none;font-family:Spartan;font-weight:700;text-transform:uppercase;font-size:15px;line-height:25px;letter-spacing:1.36px}header #links .link .chevron{margin-left:auto;width:4px;height:8px}header #links .link#mercury .ball{background:#def4fc}header #links .link#venus .ball{background:#f7cc7f}header #links .link#earth .ball{background:#545bfe}header #links .link#mars .ball{background:#ff6a45}header #links .link#jupiter .ball{background:#ecad7a}header #links .link#saturn .ball{background:#fccb6b}header #links .link#uranus .ball{background:#65f0d5}header #links .link#neptune .ball{background:#497efa}@media screen and (min-width:768px){header{height:fit-content;flex-direction:column;padding:0}header #logo{margin-top:32px;margin-bottom:39px}header #hamburger{display:none}header #links{opacity:1;display:flex;padding:0;position:relative;border:none;top:0;padding:0 52px;justify-content:center;flex-wrap:wrap;z-index:0;margin-bottom:27px}header #links .link{border:none!important;opacity:.5;position:relative}header #links .link span{font-family:Spartan;font-weight:700;font-size:11px;line-height:25px;letter-spacing:1px}header #links .link.active,header #links .link:hover{opacity:1}header #links .link:not(:last-child){margin-right:33px}header #links .link .ball,header #links .link .chevron{display:none}}@media screen and (min-width:1440px){header{flex-direction:row;justify-content:space-between;align-items:center;height:85px}header #logo{white-space:nowrap;margin-left:32px}header #links{width:fit-content;padding:0;margin:0;align-items:center;margin-right:40px;height:100%}header #links .link{margin:0;height:100%}header #links .link.active::after,header #links .link:hover::after{content:"";background:var(--accent);width:100%;height:4px;top:0;left:0;position:absolute}}@keyframes reveal{from{opacity:0}to{opacity:1}}main{display:grid;grid-template-rows:50px 304px auto 224px;grid-template-columns:50% 50%}@media screen and (min-width:768px){main{grid-template-rows:460px auto 88px}}@media screen and (min-width:1440px){main{max-width:1112px;margin:auto;grid-template-columns:762px 350px;grid-template-rows:auto auto;height:100%;padding-top:24px;align-items:center}}main #toggles{width:100%;height:100%;display:flex;justify-content:space-between;padding:0 24px;border-bottom:1px solid #979797;grid-row:1/2;grid-column:1/3}main #toggles button{background:0 0;outline:0;border:none;height:100%;font-size:9px;font-family:Spartan;font-weight:700;letter-spacing:1.93px;text-transform:uppercase;position:relative;cursor:pointer;opacity:.5}main #toggles button span{display:none}main #toggles button.active,main #toggles button:hover{opacity:1}main #toggles button.active::after,main #toggles button:hover::after{content:"";position:absolute;height:4px;width:100%;background:#419ebb;bottom:0;left:0}@media screen and (min-width:768px){main #toggles{grid-row:2/3;grid-column:2/3;flex-direction:column;justify-content:center;border:0}main #toggles button{width:100%;height:40px;border:1px solid rgba(255,255,255,.5);text-align:left;padding:0 20px}main #toggles button span{display:inline-block;color:#fff;opacity:.5;margin-right:17px}main #toggles button:not(:last-child){margin-bottom:16px}main #toggles button:hover{background:rgba(255,255,255,.2);border:none}main #toggles button:hover::after{display:none}main #toggles button.active{background:var(--accent);border:none}main #toggles button.active::after{display:none}}@media screen and (min-width:1440px){main #toggles button{height:48px}}main #planet{width:100%;height:100%;grid-row:2/3;grid-column:1/3;display:grid;place-items:center;position:relative}main #planet .overlay{width:163px;position:absolute;bottom:0;transform:translateY(5%);display:none}main #planet.enable-overlay .overlay{display:block}@media screen and (min-width:768px){main #planet{grid-row:1/2}}@media screen and (min-width:1440px){main #planet{grid-row:1/3;grid-column:1/2}}main #text{text-align:center;padding:0 24px;margin-bottom:28px;grid-row:3/4;grid-column:1/3}main #text h1{text-transform:uppercase;font-family:Antonio;font-weight:500;font-size:40px;line-height:52px;letter-spacing:-1.5px;margin-bottom:16px}@media screen and (min-width:768px){main #text h1{margin-bottom:24px;font-size:48px}}main #text p{font-family:Spartan;font-weight:400;font-size:14px;line-height:25px;font-size:11px;line-height:22px;margin-bottom:32px}main #text #source{font-family:Spartan;font-weight:700;font-size:12px;line-height:25px;letter-spacing:2.5px;letter-spacing:normal}main #text #source span{opacity:.5}main #text #source img{margin-left:4px}@media screen and (min-width:768px){main #text{grid-row:2/3;grid-column:1/2;text-align:left}}@media screen and (min-width:1440px){main #text{grid-row:1/2;grid-column:2/3}}main #stats{display:flex;flex-direction:column;margin:0 24px;margin-bottom:16px;grid-row:4/5;grid-column:1/3;height:100%}main #stats .stat{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 24px;margin-bottom:8px;border:1px solid rgba(255,255,255,.5)}main #stats .stat .stat-heading{font-size:8px;font-weight:700;line-height:16px;text-transform:uppercase;letter-spacing:.73px;color:rgba(255,255,255,.5)}main #stats .stat .stat-figure{font-family:Antonio;font-weight:500;font-size:20px;letter-spacing:-.75px;text-transform:uppercase}@media screen and (min-width:768px){main #stats{grid-row:3/4;flex-direction:row;justify-content:space-between;padding-bottom:24px}main #stats .stat{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 15px}main #stats .stat .stat-heading{margin-bottom:6px}main #stats .stat .stat-figure{font-size:24px;letter-spacing:-.9px}main #stats .stat:not(:last-child){margin-right:11px}}@media screen and (min-width:1440px){main #stats{grid-column:1/3;margin-top:87px}main #stats .stat{padding:0 23px;height:128px}main #stats .stat .stat-heading{font-family:Spartan;font-weight:700;font-size:11px;line-height:25px;letter-spacing:1px}main #stats .stat .stat-figure{font-size:40px}main #stats .stat:not(:last-child){margin-right:30px}}