@media only screen and (min-width: 950px) {
    
    .card-title{
    letter-spacing: 0 !important;
    }
}


html,
body{
    height: 100%;
    /* background: linear-gradient(120deg,#2691d9, #57008b); */
    background-color: #eeee !important;
    overflow: hidden;
    
}

.global-container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:  #000000;
}

.login-form{
    width: 380px;
    height: fit-content;
    
    padding: 20px 20px 40px 20px;
    background-color: #ffff !important;
    border-radius: 25px !important;
    
    
}

.card-header{
    background-color: #ffff !important;
    padding: 0 0 0 0;
    border-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 10px;
}
.card-body{
    padding: 30px 0 0 0;
}

.card-title{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 0.1em;
    
}


input[type="text"],
input[type="password"]{
    
    border: 1px solid rgb(0, 0, 0) ;
    border-radius: 10px;
    margin-bottom: 25px;
} 

input[type="text"]:focus,
input[type="password"]:focus{
    outline: none;
    border: none;
    background:#ddf0ff;

}


.btn{
    background: #40a3ef;
    color: white !important;
    transform: translateY(10px);
    font-size: 14px;
    border-radius: 10px !important;
}

.copyright{
    position: absolute;
    text-align: center;
    width: 90%;
    margin: 80px 0 0 0;
}