.planet_wrapper{background:#000;width:100%;font-family:Montserrat,sans-serif;position:relative}.solar_systm{transform-style:preserve-3d;pointer-events:none;height:100%;position:absolute;left:0;right:0}.solar{perspective:800px;width:100%;height:100%;transform-style:preserve-3d;position:absolute;transform:rotateX(-20deg)}.solar .planet{opacity:1;border-radius:600px;width:1200px;height:1200px;margin:auto;transition:transform 2.8s cubic-bezier(.33,0,0,1) .23s,opacity 2s .8s,box-shadow;position:absolute;top:auto;bottom:-920px;left:0;right:0;transform:translateZ(0)translateY(0)rotateX(4deg)scaleX(.89);background-size:1140px 910px!important}.solar .planet.earth{background:url(https://img00.deviantart.net/04ef/i/2009/114/3/e/new_earth_texture_map_by_lightondesigns.jpg);animation:60s linear .5s infinite planet;box-shadow:inset 0 -590px 150px #000,inset 0 0 130px 40px #8cbaff,inset 0 0 23px 4px #8cbaff,0 -10px 130px #7894a9}.solar .planet.earth .moon{z-index:-1;opacity:1;background:url(https://img2.cgtrader.com/items/702173/682fad2a11/92k-moon-color-map-3d-model.jpg) 0 0/cover;border-radius:100px;width:200px;height:200px;transition:all 1s .5s;position:absolute;top:-160px;left:800px;transform:scale(.45);box-shadow:inset 0 -30px 30px 10px #000}@keyframes planet{0%{background-position-y:0}to{background-position-y:-1000px}}.solar .planet_description{text-align:center;color:#fff;text-transform:uppercase;z-index:1;opacity:1;width:620px;margin:auto;font-weight:100;transition:all .6s .5s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.overlay{opacity:1;z-index:0;border-radius:100%;width:1200px;height:1000px;margin:auto;position:absolute;top:-500px;left:0;right:0;transform:none;box-shadow:inset 0 -230px 125px 183px #000}