#register-page{form{margin-block-start: 1.5rem; & .row{display: flex; flex-flow: row wrap; gap: 1rem 1.5rem; & >div{flex: 1 1 100%;} @media screen and (min-width: 600px) {& >div{flex: 1 1 calc(50% - 1.5rem);}}} .form-group:has(input[required]){& label{&::after{content: "*"; color: red; margin-inline-start: .25rem;}}} & .text-muted{margin-block: -1rem 2rem; margin-inline-start: -.75rem;} & .btn__wrapper{max-width: 300px; margin-inline: auto;}}}#register-page .content__wrapper{width:min(800px,80vw)}#register-page .content__wrapper .logo__wrapper{margin-block-end:1.5rem}