/* inicio btsp icons */


/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");*/


/* fin btsp icons */


/* INICIO LOG IN */

.loginContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "lgid igid igid" "lpass ipass ipass" "btn btn btn";
    align-items: center;
    row-gap: 2.5%;
}

.lgid {
    grid-area: lgid;
    justify-self: flex-end;
    margin-right: 2%;
}

.igid {
    grid-area: igid;
}

.lpass {
    grid-area: lpass;
    justify-self: flex-end;
    margin-right: 2%;
}

.ipass {
    grid-area: ipass;
}

.btn {
    grid-area: btn;
    margin-top: 2.5%;
}

#forLogIn {
    margin-top: 15%;
}

input {
    text-align: center;
}


/* FIN DEL LOG IN  */


/*CELULAR (MOVIL)*/

@media screen and (min-width: 0px) and (max-width:720px) {
    .loginContainer {
        grid-template-areas: "lgid lgid lgid" "igid igid igid" "lpass lpass lpass" "ipass ipass ipass" "btn btn btn";
    }
    .lgid,
    .lpass {
        justify-self: flex-start;
    }
}