#planta{
    transform: translateX(-50%);
    animation: movePlanta 1.8s .5s ease-in-out both
}
#planta_escritorio{
    transform: translateX(-50%);
    animation: movePlanta 1.8s .9s ease-in-out both
}
#lapiceros_escritorio{
    transform: translateX(-50%);
    animation: movePlanta 1.8s .7s ease-in-out both
}
#espejo{
    opacity: 0;
    animation: opacityObject 1.8s .6s ease-in-out both
}
#reloj{
    transform: translate(50%);
    animation: movePlanta 1.8s .5s ease-in-out both
}
#manesillas{
    transform-origin: 0% 45%;
    transform-box: fill-box;
    animation: moveManesillas 10s 1s ease-in-out both;
}
#cara{
    transform-origin: 50% 80%;
    transform-box: fill-box;
    animation: moveRostro 3s 1s ease-in-out alternate 4;
}
@keyframes moveRostro {
    100%{
        transform: rotate(-10deg);
    }
}

@keyframes moveManesillas {
    10%{
        transform: rotate(36deg);
    }
    20%{
        transform: rotate(72deg);
    }
    30%{
        transform: rotate(108deg);
    }
    40%{
        transform: rotate(144deg);
    }
    50%{
        transform: rotate(180deg);
    }
    60%{
        transform: rotate(216deg);
    }
    70%{
        transform: rotate(252deg);
    }
    80%{
        transform: rotate(288deg);
    }
    90%{
        transform: rotate(324deg);
    }
    100%{
        transform: rotate(380deg);
    }
}

@keyframes movePlanta{
    100%{
        transform: unset;
    }
}
@keyframes opacityObject{
    100%{
        opacity: 100%;
    }
}