.login-form-container{
    width: 100%;
    padding: 5px;
    margin-top: 0px;
    box-shadow: 0 4px 14px hsla(0, 0%, 2%, 0.1);
    border-radius: 10px;
}

.login-form-input-control{
    width: 100%;
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: 1rem;
    padding: 10px;
    outline: none;
}

.login-form-input-control:focus{
    border: 1px solid var(--second-color);
}
.login-form-input-control:hover{
    border: 1px solid var(--container-color);
}
.login-form-submit-group{
    padding: 0px;
}
.login-form-logInbtn{
    width:100%;
    height: 3rem;
    cursor: pointer;
    outline: none;
    font-size: 1rem;
    border: 1px solid transparent;
    
    box-shadow: 0 4px 14px hsla(0, 0%, 2%, 0.1);
    background: var(--second-color);
    color: var(--bg-color);
    transition: 1.2s;
    border-radius: 1rem;
    
}

.login-form-logInbtn:hover{
    transform: scale(1.1);
}
.login-container{
    position: absolute;
    top: 35%;
    left: 32%;
    display: block;
    width: 500px;
}