@import"https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Spartan:wght@700&display=swap";:root{--clr-white: #ffffff;--clr-black: #070724;--clr-dark-gray: #38384f;--clr-light-gray: #838391;--clr-bg-blue: #070625;--clr-bg-blue-translucid: #070625c0;--clr-mercury: #419ebb;--clr-venus: #eda249;--clr-earth: #6d2ed5;--clr-mars: #d14c32;--clr-jupiter: #d83a34;--clr-saturn: #cd5120;--clr-uranus: #1ec1a2;--clr-neptune: #2d68f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Antonio,sans-serif}.main__container{min-height:100vh;background-color:var(--clr-bg-blue);background-image:url(background-stars.50fd3b8620fd6a92.svg);overflow:hidden}.btn{background-color:transparent;cursor:pointer;border:none}.sun{--img-actual-img: url(sun.cd5ac36693b88433.png)}.mercury{--actual-timing: 8.8s;--actual-size: .74em;--actual-orbit: 8em;--actual-defase: -110deg;--clr-actual-color: var(--clr-mercury);--img-actual-img: url(planet-mercury.56498ff83a8c50f5.svg)}.venus{--actual-timing: 14.4s;--actual-size: 1.1em;--actual-orbit: 10em;--actual-defase: -100deg;--clr-actual-color: var(--clr-venus);--img-actual-img: url(planet-venus.bedc4e9765337317.svg)}.earth{--actual-timing: 20s;--actual-size: 1.13em;--actual-orbit: 12em;--actual-defase: -150deg;--clr-actual-color: var(--clr-earth);--img-actual-img: url(planet-earth.30b0f223333be2b9.svg)}.mars{--actual-timing: 37.6s;--actual-size: .83em;--actual-orbit: 14em;--actual-defase: -100deg;--clr-actual-color: var(--clr-mars);--img-actual-img: url(planet-mars.6b3fc049f42fc3d5.svg)}.jupiter{--actual-timing: 97.2s;--actual-size: 2.9em;--actual-orbit: 21em;--actual-defase: -200deg;--clr-actual-color: var(--clr-jupiter);--img-actual-img: url(planet-jupiter.c9dfaa0c07a3f6fe.svg)}.saturn{--actual-timing: 58.92s;--actual-size: 2.8em;--actual-orbit: 25em;--actual-defase: -350deg;--clr-actual-color: var(--clr-saturn);--img-actual-img: url(planet-saturn.87a61114f9277b45.svg)}.uranus{--actual-timing: 168.2s;--actual-size: 2.5em;--actual-orbit: 29em;--actual-defase: -250deg;--clr-actual-color: var(--clr-uranus);--img-actual-img: url(planet-uranus.f00e6b9f8ee1ec35.svg)}.neptune{--actual-timing: 329.6s;--actual-size: 2.4em;--actual-orbit: 33em;--actual-defase: -10deg;--clr-actual-color: var(--clr-neptune);--img-actual-img: url(planet-neptune.d29f731411718c4c.svg)}@keyframes cool_entrance{0%{transform:scale(0)}50%{transform:scale(.25)}to{transform:scale(1)}}