h3.login{
    color:#EA06DF; 
    font-weight:590; 
    text-align: center; 
    font-size: 2.1rem;
}

.card-with-bar {
    border-top: 0.5rem solid #EA06DF; 
    border-radius: 0; 
}

.card-with-bar .card-header {
    background-color: #ffffff;  
}

.login .btn button.btn-block{
    background-color: #ea06df31; 
    color: black; 
    font-weight: 700;
    height: fit-content;
    border-color:#ffffff;
}

input.login.form-control 
{
    background-color: #F1EFEF;
    border-color:#9c9c9c;
}

.input-group-append {
    margin-left: -1px;
    background-color: #F1EFEF;
    border-color: #9c9c9c;
}

.custom-login-background {
    background-image: url(../img/backgroundImage.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center -107px;
    background-size: 88% 88%;
    background-color: #ffffff !important;
    @media (max-width: 850px) { 
        background-size: 150% 83%;
        background-position: center -47px;
    };
    @media (max-width: 600px) { 
        background-image: url(../img/backgroundMobileImage.png);
        background-size: 100% 100%;
        background-position: center -107px;

    };
}