#VentanaIzquierda{
    transform: translate(-100%);
    animation: moveVentanaIzquierda 3s .5s ease-out both;
}
#VentanaDerecha{
    transform: translate(80%);
    animation:moveVentanaDerecha 1.8s .5s ease-out both;
}

#muroDerecha{
    transform: translateY(-100%);
    animation: movemuroDerecha 1.8s .5s ease-out both;
}
#manesillas{
    transform-origin: center;
    transform-box: fill-box;
    animation: moveManesillas 5s 1s infinite;
}
@keyframes moveVentanaIzquierda {
    100%{
        transform: unset;
    }
}

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

@keyframes movemuroDerecha {
    100%{
        transform: unset;
    }
}
@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);
    }
}