:root{--earth-diameter:300px}.planet-container{border-radius:50%;box-shadow:5px -3px 10px 3px #5e90f1;height:var(--earth-diameter);overflow:hidden;position:relative;width:var(--earth-diameter);z-index:1}.night{animation:rotate-night 80s linear infinite;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_nightmap.jpg);z-index:2}.day,.night{background-size:200%;height:var(--earth-diameter);position:absolute;width:var(--earth-diameter)}.day{animation:rotate-day 80s linear infinite;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_daymap.jpg);border-left:1px solid black;border-radius:50%;box-shadow:inset 5px 0 20px 10px #040615;margin-left:30px;z-index:3}.clouds{animation:rotate-day 50s linear infinite,spin-clouds 100s ease infinite;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_clouds.jpg);background-size:200%;box-shadow:inset 5px 0 20px 10px #040615,inset -9px 0 20px 10px #5e90f1;margin-left:20px;opacity:.45;z-index:4}.clouds,.inner-shadow{border-radius:50%;height:var(--earth-diameter);position:absolute;width:var(--earth-diameter)}.inner-shadow{background:transparent;box-shadow:inset -5px 0 10px 1px #152b57,inset 5px 0 10px 1px #040615;margin-left:0;z-index:5}@keyframes rotate-day{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes rotate-night{0%{background-position:calc(120% + 120px) 0}to{background-position:calc(-80% + 120px) 0}}@keyframes spin-clouds{0%{transform:rotate(0deg)}50%{transform:rotate(20deg)}to{transform:rotate(0deg)}}