.form{
    margin: 0 auto;
    margin-top: 20px;
    max-width: 320px;
    border:solid 2px var(--text-dark);
    font-size: 16px;
    background: var(--form-background);

    box-shadow: 15px 15px 0 -5px var(--form-background-box);
}

.form_container{
    width: 100%;
    padding: 10px;
}

.form_title{
    padding-bottom: 10px;
    color: var(--text-dark);
}

.form_label{
    font-size: 14px;
    color: var(--text-dark);
    display: flex;
}

.form_group{
    display: flex;
    flex-direction:column;
    margin-top: 15px;
}

.form_field{
    padding: 5px;
    font-size: 16px;
}

.form_forget{
    display: flex;
    flex-direction: row-reverse;
    color: var(--do-not-a);
}


.form__error{
    color: var(--text-dark);
    background: orangered;
}

.form_label{
    font-size: 18px;
}


.form_text{
    padding-top: 10px;
    color: var(--text-dark);
}

p a {
    color: var(--do-not-a);
}

p a:hover{
    color: red;
}


.g-recaptcha{
    margin-top: 20px;
    width: 60px;
    height: 30px;
}


@media (min-width:1024px){
    .form{
        width: 600px;
        height: auto;
    }

}



@media (min-width:480px){
    .form{
        max-width: 70%;
    }
}