main { margin-top: 5rem; margin-bottom: 5rem;} main form { margin-top: 2rem; background: var(--white); padding: 2rem;} main form fieldset { display: flex; flex-direction: column;} main form fieldset legend { margin-bottom: 2rem; color: var(--color-main);} main form .form-wrap.status { display: flex; flex-direction: column;} main form fieldset > p { margin-bottom: 2rem;} main form input.input-movable:not(.up):not([type="tel"]) { transition: .3s;} main form input.input-movable:not(.up):not([type="tel"])::placeholder { color: transparent; transition: .3s;} main form .logo { display: inline-flex; flex-direction: column; align-items: center; width: max-content; margin-left: auto;} main form .logo img { display: none;  max-width: 10rem;} main form label:not(.label-up) { color: var(--text-light); font-weight: 200; margin-left: 1rem;} #society-description { width: 98%; min-height: 50rem;} main form .check-wrap > p.error { color: var(--color-danger);} main form .check-wrap > p.valid { color: var(--color-success);} @media screen and (min-width: 35em) { .city-wrap { display: flex; gap: 1rem; } .city-wrap .form-wrap { flex: 1; }} #referent-status { background: none; border: .1rem solid var(--border-secondary); border-radius: .2rem; padding: 1.25rem 2rem;} #society-validate { width: max-content; margin-left: auto; margin-right: auto;}