/* spell-checker: disable */

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    overflow: hidden;
    /* background-color: #f0f0f0; */
}

.fade-in-1 {                                /* div_titulo */
    opacity: 0;
    position: absolute;                     /* absolute relative */
    top: 25%;
    animation: fadeInMove_1 1s forwards;
}

.fade-in-2 {                                /* div_login */
    opacity: 0;
    position: absolute;
    top: 0%;
    animation: fadeInMove_2 1s forwards;
}

.fade-in-3 {                                /* div_logos */
    opacity: 0;
    position: absolute;
    top: 25%;
    animation: fadeInMove_3 1s forwards;
}

#div_titulo {
    animation-delay: 1s;
}
#div_login {
    animation-delay: 3s;                    /* 2 y 3 van invertidos */
}
#div_logos {
    animation-delay: 2s;
}

@keyframes fadeInMove_1 {                   /* div_titulo */
    to {
        opacity: 1;
        top: 5%;
        transform: translateY(-20%);
    }
}

@keyframes fadeInMove_2 {                   /* div_login */
    to {
        opacity: 1;
        top: 20%;
        transform: translateY(+20%);
    }
}

@keyframes fadeInMove_3 {                   /* div_logos */
    to {
        opacity: 1;
        top: 55%;
        transform: translateY(+30%);
    }
}