#myearth { width: 100%; height: 100vh; max-height: 100vw; overflow: hidden; position: absolute; top: 0%; left: -50%; opacity: 0; transition: opacity 1.5s ease-in;}
#myearth.earth-ready { opacity: 1;}
#myearth::before { content: none;}
/* background glow */
#glow { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 100vh; height: 100vh; max-height: 100vw; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(0,156,255,0.05) 25%,rgba(0,156,255,0.15) 53%,rgba(0,156,255,0.05) 56%,rgba(0,156,255,0) 70%); z-index: 200; pointer-events: none;}