#cuadro_login {
    width: 70%;
    border: solid 1px cornflowerblue;
    border-radius: 10px;
    display: grid;
    box-sizing: content-box;
    margin: 0;

    -moz-box-shadow: 20px 18px 25px 2px rgba(0,0,0,0.65);
    box-shadow: 30px 21px 14px 2px rgb(0 0 0 / 65%);
    color: aliceblue;
    font: status-bar;
    background-image: url(https://c0.klipartz.com/pngpicture/103/232/gratis-png-tecnologia-digital-fondo-azul-bandera-viga-lineas.png);
}
.align-items-start {
    /*display: contents;*/
}
.control-label, .fa {
    color: aliceblue;
}



#div {
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    background-image: radial-gradient(circle at 50% -3.03%, #f3f7ff 0, #2860a5 60%, #003b87 100%);
    color: aliceblue;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom-style: ridge;
}

h2 {
    color: aliceblue;
    font-size: 30px;
    letter-spacing: 25px;
}

col-md-2 col_form_label {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size:20px;
}
.fa fa-user {
font-size:25px;
}
.col-md-10 col_form_input {
width: 100%;
}



.fa fa-key {
font-size:25px;
}

.boton_submit {

width: 50%; 
border-radius: 2px 20px 2px 20px;
background-image: radial-gradient(circle at 50% -3.03%, #6a88c4 0, #2860a5 60%, #003b87 100%);
}
#login {
    display: contents;
}
#ti {
    color: aliceblue;
    text-align: center;
    font-size: 50px;
    font-style: oblique;
    font-family: 'FontAwesome';
    -webkit-text-stroke: thin;
    text-decoration: underline;
}
#pa {
    color: aliceblue;
    font-size: 25px;
    justify-content: center;
    text-align:center;
    font-style: italic;
    font-family: monospace;
}


marquee {
    color: snow;
    visibility: initial;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 25px;
    border-radius:2px;
    border: none;
    -webkit-box-shadow: 31px 20px 31px -8px rgba(0,0,0,0.67);
    -moz-box-shadow: 31px 20px 31px -8px rgba(0,0,0,0.67);
    box-shadow: 31px 20px 31px -8px rgba(0,0,0,0.67);
}

#cuadro_login:hover {
    opacity:1;
    filter: saturate(180%);
}


#col_bodybody {
    background-image: url(https://static.vecteezy.com/system/resources/previews/002/864/810/non_2x/virtual-reality-technology-screen-abstract-hi-tech-background-futuristic-interface-geometric-hexagon-texture-vector.jpg);
    background-repeat:initial;
    padding: 1%;
}
@media only screen and (min-width: 1430px) and (max-width: 1985px) {

    #cuadro_login {
        width: 100%;
    }

    .form-horizontal {
        display: block;
    }
    #linea_footer {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        font-size: x-large;
    }
    .inicio_sesion .loginForm {

        width: 90%;
        display:block;
    }
}


.inputLogin {
    font-size: 15px;
}