/***********************
 ******* Main CSS ******
 **********************/

header {
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/img/abbe.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

/***********************
 ***** Navigation ******
 **********************/

.navbar-nav #login__btn a {
    background: #feba12 !important; 
    color: #000 !important;
    border-radius: 5px !important;
    padding: 0.5rem 1rem !important;
    margin-left: 1rem !important;
    font-weight: 500 !important;
}


/***********************
 ***** Login Page ******
 **********************/

section.login-auth {
    background: #feba12;
}

section.login-auth .card {
    padding: 2rem;
    background: #eee;
    border-radius: 50px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

section.login-auth .card p {
    font-size: .8em;
}

section.login-auth .card button#login {
    width: 100%;
    background: #feba12;
    border: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

section.login-auth .card button#google-signin {
    background: #fff;
    border: 1px solid #b9b9b9;
    padding: 0.8rem;
    max-width: 60%;
    font-size: .8em;
    border-radius: 30px;
}

section.login-auth form#userLogin_form {
    max-width: 75%;
    margin: 0 auto;
}

section.login-auth .card #google-signin img {
    max-width: 30px;
}

section.login-auth .card #sign__up {
    color: #feba12;
    text-decoration: none;
}

section.login-auth .card #back__home {
    color: #feba12;
    text-decoration: none;
}

/***********************
 ***** Signup Page *****
 **********************/

section.signup-auth {
    background: #333331;
}

section.signup-auth .card {
    padding: 2rem;
    background: #eee;
}

section.signup-auth form#userSignup_form {
    max-width: 75%;
    margin: 0 auto;
}

section.signup-auth .card button#signup {
    width: 100%;
    background: #feba12;
    border: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

section.signup-auth .card #back__login {
    color: #feba12;
    text-decoration: none;
}