.auth_class{
    display: flex;
    flex: row;
    gap:2rem;
}


.left_auth, .right_auth{
    width: 50%;
}

.form_auth{
    width: 80%;
    margin-top:3rem;
}

.auth_header{
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 750px) {
    /* Styles for small screens */
    .auth_class{
        display: flex;
        flex-direction: column;
        gap:2rem;
        justify-content: center;
        align-items: center;
    }
    
    
    .left_auth, .right_auth{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .form_auth{
        width: 80%;
        margin-top:3rem;
    }
}