.inserted{
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}
@keyframes twinkle{
    from{opacity: 1;}
    to{opacity: 0;}
}


/* earth */
.earth-animation{ opacity: 0}
#earth:hover .earth-still{opacity:0}
#earth:hover .earth-animation{opacity:1}

@keyframes opacity-lang{
    0%{opacity:0}
    15%{opacity:0}
    16%{opacity:1}
    100%{opacity:1}
}
#earth:hover .longitude{
    animation: opacity-lang 4000ms linear 50;
}
#earth:hover .tude1{animation-delay: 3300ms}
#earth:hover .tude2{animation-delay: 2500ms}
#earth:hover .tude3{animation-delay: 1700ms}
#earth:hover .tude4{animation-delay: 900ms}