body{
    background: linear-gradient(.25turn,#334e70, #1E2B41);
    --text-width: 400px;
}

.sec{
    width: 50%;
}

.card{
    background-color: transparent;
    border: none;
}

.container{
    margin-top: 10px;
    color: white;
}

.login-content img{
    width: 80px;
}

.login-content h3{
    font-size: 17px;
}

@media only screen and (min-width: 960px) {
    .container {
        margin-top: 230px;
    }

    .login-content img{
        width: 140px;
    }
    
  }

  @media only screen and (max-width: 960px) {

    .login-content h3{
        text-align: center;
    }
    
  }

input[type=email],input[type=password]{
    
    height: 50px;
}

.form-group{
    margin-top: 30px;
}

.login-btn{
    width: 100%;
    color:white;
    background-color: #C28731;
    height: 50px;
    margin-right:0.75rem;
}

img{
    display: block;
    margin: 70px auto 0 auto;
}

.name{
    margin-top: 30px;
    text-align: center;
    line-height: 40px;
}

.text-wrap{
    max-width: var(--text-width);
}

.invalid-feedback{
    color:#FF6666
}

.forget{
    max-width: var(--text-width);
    text-align: center;
    padding-top: 30px;
}

.forget a{
    color:white;
}