#candado{
    transform-origin: 100% 0%;
    transform-box: fill-box;
    animation: rotatecandado 1.8s 2.5s ease alternate 2;
}
#escudoGrande{
    transform-box: fill-box;
    animation: moveEscudoGrande 1.8s 3s alternate both;
}
#carta{
    transform: translateX(-50%);
    animation: moveCarta 1.8s .5s ease-out both
}
#archivo{
    transform: translateX(-50%);
    animation: moveCarta 2s 1s ease-out both
}
#foto{
    transform: translateX(-90%);
    animation: moveCarta 2s 1.5s ease-out both
}
#escudo{
    transform: translateX(50%);
    animation: moveCarta 2s 1.5s ease-out both
}
#brazoIzquierdo{
    transform-box: fill-box;
    transform-origin: 10% 10%;
    animation: moveBrazo 2s 2.2s  both;
}
@keyframes moveBrazo{
    100%{
        transform: rotate(-70deg);
    }
}

@keyframes moveCarta {
    50%{
        transform: scale(.9);
    }
    100%{
        transform: translateX(0) scale(1.05);
    }
}

@keyframes moveEscudoGrande {
    100%{
        transform: translateY(-10%) scale(1.05);
    }
}

@keyframes rotatecandado {
    0%{
        transform: rotate(20deg);
    }  
    100%{
        transform: rotate(-90deg);
    }
}