.auth_page{
    width: max-content;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2em;
    margin: 0 auto;
}



.auth_page .logo_container .back_to_home_link{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.auth_page .logo_container .back_to_home_link .application_name{
    font-size: 2em;
    color: #868686;
}


.auth_page .application_logo{
    width: 8em;
}





.auth_page .auth_form_container{
    width: max-content;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-shadow: 0 15px 35px 0 #3c425714, 0 5px 15px 0 #0000001f;
}

.auth_page .auth_form_container>.title{
    margin: 1em 0;
    width: max-content;
    max-width: 100%;
    text-align: left;
    color: #0c0c0c;
    font-size: 1.5em;
}

.auth_form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: max-content;
    max-width: 100%;
}



.auth_form .edit_field_container{
    width: max-content;
    max-width: 100%;
    margin: 0;
    padding: 1em 0;
}


.auth_form .edit_field_container .label{
    color: #3d3d3d;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}



.auth_form .edit_field_container .edit_field input{
    padding: 0.75em 0.5em;
    width: 30em;
    max-width: 100%;
    color: #343434;
}

.auth_form .edit_field_container .error{
    font-size: 0.8em;
    max-width: 100%;
}


.auth_form button[type='submit']{
    font-size: 1.1em;
    width: 100%;
    margin: 2em auto;
}



.auth_sub_link{
    font-size: 0.9em;
    color: #7a73ff;
    padding: 0.5em;
    margin: auto;
}