@CHARSET "UTF-8";
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.main {
    height: 100%;
    width: 100%;
    display: table;
}

#qr_code_loader_wrap {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
/* QR Code */

#qr_code_loader {
    width: 120px;
    height: 120px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    transform-origin: bottom center;
    /* La vitesse de l'animation est le premier param ci-dessous : */
    animation: 2.0s linear 0s infinite alternate essuie_glace;
}
/* Animation */

@keyframes essuie_glace {
    from {
        transform: rotate(-90deg);
    }
    to {
        transform: rotate(90deg);
    }
}