.auth-form {
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.36);
}

.auth-form form {
    width: 340px;
    align-self: center;
}

.auth-form .reset {
    padding: 0;
}

.auth-form .section-logo {
    background-color: black;
}

.auth-form .form-title {
    
    font-weight: 800;
    color: #2E3B51;
    font-size: 40px;
    margin-bottom: 2rem;
}

.auth-form .auth-label {
    
    font-weight: 400;
    font-size: 12px;
    color: #43535C;
    text-transform: uppercase;
}

.auth-form .form-control {
    border-radius: 8px;
    border-color: #C2D4E0;
    padding: 12px;
}

.auth-form .form-control:active {
    border-color: #8165F3;
    box-shadow: 0 5px 11px rgba(0, 123, 255, 0.1);
}

.auth-form .form-control.is-invalid:focus {
    border-color: #8165F3;
    box-shadow: 0 5px 11px rgba(0, 123, 255, 0.1);
}

.auth-form .form-group {
    margin-bottom: 1.5rem;
}

.auth-form .bg-gradient-auth {
    background: #896AFF -webkit-linear-gradient(top, #3D378E, #896AFF) repeat-y;
    background: #896AFF linear-gradient(180deg, #3D378E, #896AFF) repeat-y;
    border-color: #896AFF;
    padding: 9px;
}

.auth-form .bg-gradient-auth:focus {
    box-shadow: none;
}

.auth-form .bg-gradient-auth:active {
    background: #896AFF -webkit-linear-gradient(top, #3D378E, #896AFF) repeat-y !important;
    background: #896AFF linear-gradient(180deg, #3D378E, #896AFF) repeat-y !important;
    box-shadow: none !important;
}

.auth-form .link {
    color: #8165F3;
    
    font-weight: 400;
    font-size: 16px;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-form .logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-form .main-text-logo {
    font-family: 'proxima-nova-xbold';
    color: #fff;
    font-size: 125px;
}

@font-face {
    font-family: 'proxima-nova-xbold';
    src: url('../fonts/Proxima-Nova-Xbold.5243e362.otf');
}

.logo {
    background-image: url('../img/background_logo.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
}

.background {
    position: absolute;
    background-image: url('../img/background_image.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    opacity: 0.5;
}