html, body { height: 100%; } body { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px; } @media (prefers-color-scheme: dark) { img { filter: invert(100%); } } .form-donate { width: 100%; max-width: 330px; padding: 15px; margin: auto; } .form-donate .checkbox { font-weight: 400; } .form-donate .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; } .form-donate .form-control:focus { z-index: 2; } .form-donate input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-donate input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }