#ventanaDev{
    transform: translateX(50%);
    animation: moveVentanaDev 1.8s .5s ease-in both;
}
#cabeza{
    transform-origin: 50% 100%;
    transform-box: fill-box;
    animation: moveCabeza 2s 2s alternate 5 both;
}
#mnsjMorado{
    transform: translateX(-50%);
    animation: moveMensaje 1.8s .5s ease-out both;
}
#mouse{
    transform: translateX(-5%) ;
    animation: moveMouse 2s 2s alternate 5 both;
}
#iconDev{
    transform-origin: 0% 0%;
    transform-box: fill-box;
    animation: scaleIcon 2s 1s alternate 5 both
}
#plantaDerecha{
    transform-origin: 0% 100%;
    transform-box: fill-box;
    animation: movePlanta 2.5s .5s ease-out 5 both;
}
#plantaIzquierda{
    transform-origin: 100% 100%;
    transform-box: fill-box;
    animation: movePlanta2 2.5s .5s ease-out 5 both;
}
@keyframes movePlanta2  {
    50%{
        transform: rotate(-15deg);
    }
}

@keyframes movePlanta {
    50%{
        transform: rotate(15deg);
    }
}
@keyframes scaleIcon{
    100%{
        transform:scale(1.2)
    }
}

@keyframes moveMouse {
    100%{
        transform: unset;
    }
}

@keyframes moveMensaje {
    100%{
        transform: unset;
    }
}

@keyframes moveCabeza {
    100%{
        transform: rotate(20deg);
    }
}
@keyframes moveVentanaDev {
    100%{
        transform: unset;
    }
}