:root{
    --color-primary:#1b11d3;
    --color-secundary: #7e544a;
    --color-warning:#fef103;
    --color-info:#3b76e5;
    --color-danger:#e92828;
    --color-success:#977830;
    --color-white:#ffffff;
}
body{
    /*background-image: url('../../img/fondo-header2.png');*/
    background-image: linear-gradient( rgba(255, 255, 0, 0.3),rgba(123, 123, 243, 0.5)),
    url('../../img/fondo-header2.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#form_login{
    width: 400px; /* Ancho del div que deseas centrar */
    margin: 0 auto; /* Establece el margen izquierdo y derecho a "auto" para centrar */
    margin-top: 5%;
    background-color: var(--color-white) !important;
    padding: 20px;
}

#form_login .card-header{
    width: 100%;
}

#form_login .card-header h3{
    border-radius: 15px;
    text-align: center;
    font-weight: bold;
    color: var(--color-primary);
}

#form_login .card-body {
    background-color: #ffffff !important;
}