68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
/* 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;
|
|
}
|
|
} |