#luna-color{
    animation: colorLuna 2s .5s ease both;
}
#luna{
    transform-origin: 50% 50%;
    transform-box: fill-box;
    transform: rotate(20deg) scale(.9);
    animation: scaleLuna 2s .5s ease both;    
}
#luz-color-1{
    fill:white;
    animation: colorLuces 2s .5s ease-out both;
}
#luz-color-2{
    fill:white;
    animation: colorLuces 2s .5s ease-out both;
}
#luz-color-3{
    fill:white;
    animation: colorLuces 2s .5s ease-out both;
}
#luz-color-4{
    fill:white;
    animation: colorLuces 2s .5s ease-out both;
}
#luz-color-5{
    fill:white;
    animation: colorLuces 2s .5s ease-out both;
}
#nube-abajo{
    transform: translateX(50%);
    animation: moveNube 30s .5s  infinite;
}
#nube-derecha{
    transform: translateX(-100%);
    animation: moveNubederecha 30s .5s infinite;
}
#luces-edificio-1_152{
    animation: onleds 2s .5s infinite;
}
#luces-edificio-1_153{
    animation: onleds 2s 1s infinite;
}
#luces-edificio-1_154{
    animation: onleds 2s 1.5s infinite;
}
#luces-edificio-1_155{
    animation: onleds 2s 2s infinite;
}
#luces-edificio-1_156{
    animation: onleds 2s 2.5s infinite;
}
#luces-edificio-1_157{
    animation: onleds 2s 3s infinite;
}
#luces-edificio-1_158{
    animation: onleds 2s 3.5s infinite;
}

#ventana2_196{
    animation: onleds 2s .5s infinite;
}
#ventana2_197{
    animation: onleds 2s 1s infinite;
}
#ventana2_198{
    animation: onleds 2s 1.5s infinite;
}
#ventana2_199{
    animation: onleds 2s 2s infinite;
}
#ventana2_200{
    animation: onleds 2s 2.5s infinite;
}
#ventana2_201{
    animation: onleds 2s 3s infinite;
}
#ventana2_202{
    animation: onleds 2s 3.5s infinite;
}



#ventana3 path{
    animation: onleds 2s 1s infinite;
}
#ventanas path{
    animation: onleds 2s 1s infinite;
}

#stars-1 path{
    transform-origin: 50% 50%;
    transform-box: fill-box;
    animation: starsOn 1s .5s alternate infinite;
}

#stars-2 path{
    transform-origin: 50% 50%;
    transform-box: fill-box;
    animation: starsOn 2s .5s alternate infinite;
}

@keyframes starsOn {
    100%{   
        transform: scale(2);
    fill: white;
    filter: drop-shadow(0px 2px 2px white);
    }
}

@keyframes onleds {
    100%{
        /* fill:#FCD3C0; */
        fill:yellow;
    }
}

@keyframes moveNubederecha {
    100%{
        transform: translateX(80%);
    }
}

@keyframes moveNube {
    100%{
        transform: translateX(-60%);
    }
}


@keyframes colorLuces {
    100%{
        fill:#FCD3C0;
    }
}

@keyframes scaleLuna {
    100%{
        transform: rotate(0deg) scale(1.3);
        fill:yellow;
    }
}

@keyframes colorLuna {
    100%{
        fill:yellow;
        opacity:1;
        filter: drop-shadow( 0px 4px 5px white);
    }
}