@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&family=Quicksand:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
    background-color: #fff;
    font-family: 'Prompt', sans-serif;
}

#auth {
    height: 100vh;
    overflow-x: hidden;
    background: linear-gradient(rgba( 0, 0, 0, .1), rgba(0, 0, 0, .3)), url(../../images/lottobg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.logo-ht {
    width: 50%;
    margin: auto;
    display: block;
}

#auth #auth-right {
    height: 100%;
    background: url(../../images/bg/4853433.jpg), linear-gradient(90deg, #64bb4f, #64bb4f)
}

#auth #auth-left {
    padding: 3rem 5rem;
    margin: 0 5rem;
    background-color: rgba(0, 0, 0, 0.2);
}

#auth #auth-left .auth-title {
    font-size: 2.5rem;
    margin-bottom: 0;
    color: #fff;
}

#auth #auth-left .auth-subtitle {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #fff;
    margin-top: 1em;
    text-align: center;
}

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

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

.btn-primary {
    color: #333;
    background: linear-gradient(to left, #e8be50 0%, #f6e094 35%, #f9f295 50.39%, #e5c24c 100%);
    background-color: #e8be50 !important;
    border-color: #e8be50 !important;
}

@media screen and (max-width:767px) {
    #auth #auth-left {
        padding: 3rem 2rem;
        margin: 0 1rem;
    }
    .logo-ht {
        width: 70%;
    }
}

@media screen and (min-width:1200px) {
    .logo-ht {
        width: 70%;
    }
}