main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask { min-height: 50vh; .login, .user, .register, .contact, .ask { padding-top: 5vh; width: 100vw; @include white_beige_gradient(); > h2 { @include sous_titre_alt(); text-align: center; } h1 { @include sous_titre_alt(); text-align: center; margin-top: 3rem; margin-bottom: 2rem; } > div { height: 100%; > div:not(.hidden) { margin-top: 5vh !important; display: flex; align-items: center; justify-content: center; form { width: 95%; @media screen and (min-width: $breakpoint_desktop) { padding: 0 20vw; } font-family: 'Marianne', sans-serif; .form-item { margin: 1.8rem 0; .form-checkbox { width: 1rem; height: 1rem; -webkit-appearance: auto; } .form-required { font-weight: 800; padding-right: 1rem; } .description { margin-top: 0.3rem; } } input, textarea { margin-top: 0.5rem; border: solid 1px $teal; } .button { font-family: 'Marianne', sans-serif; font-weight: 800; border: solid 1px $teal; background-color: white; cursor: pointer; } .button:hover { background-color: rgba(255, 255, 255, 0.6); } } } } } } .user { .contextual-region > div { display: flex; font-family: 'Marianne', sans-serif; > h4 { padding-right: 0.5rem; } } }