#auth {
    height: 100vh;
    overflow-x: hidden;
    background-color: #fff;
}

    #auth #auth-right {
        height: 100%;
        background: rgb(236,32,41);
        background: linear-gradient(145deg, rgba(236,32,41,1) 0%, rgba(191,30,37,1) 100%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

#auth-right .logo {
    width: 300px;
}

#auth #auth-left {
    padding: 5rem 8rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #auth #auth-left .auth-title {
        margin-bottom: 1rem;
        color: #ec2029;
    }

    #auth #auth-left .auth-subtitle {
        line-height: 2.5rem;
        color: #a8aebb;
    }

    #auth #auth-left .auth-logo {
        margin-bottom: 7rem;
    }

        #auth #auth-left .auth-logo img {
            height: 2rem;
        }

.btnLogin {
    background-color: #ec2029;
}

    .btnLogin:hover {
        background-color: rgba(24,55,24,1);
    }

#auth a {
    color: #ec2029;
}

    #auth a:hover {
        color: rgba(24,55,24,1);
    }

@media screen and (max-width: 767px) {
    #auth #auth-left {
        padding: 5rem;
    }
}