.login-trigger {font-weight: bold;color: #fff;background: linear-gradient(to bottom right, #efecec, #fff);padding: 15px 30px;border-radius: 30px;position: relative;top: 50%;}
.close {color: #000;transform: scale(1.2);}
.modal-content {
font-weight: bold;
background: linear-gradient(to bottom right,#ededed,#fff);
}

.form-control {
margin: 1em 0;
}

.form-control:hover, .form-control:focus {
box-shadow: none;
 
}

.username, .password {
border: none;
border-radius: 0;
box-shadow: none;
border-bottom: 2px solid #141414;
padding-left: 0;
font-weight: normal;
background: transparent;
padding: 10px;
}

.form-control::-webkit-input-placeholder {
color: black;
}

.form-control:focus::-webkit-input-placeholder {
font-weight: bold;
color: black;
}

.login {
padding: 6px 20px;
border-radius: 20px;
background: none;
border: 2px solid #000;
color: black;
font-weight: bold;
transition: all .5s;
margin-top: 1em;
}

.login:hover {
background: #ddc7c7;
color: #fff;
}
.username{width:100%;}
.email{
    width:100%;
    padding:10px;
    background-color:#f7f7f7;
    border:1px solid black;
}