form{ background-color: var(--nord5); display: flex; flex-direction: column; max-width: 600px; gap: 0.5em; margin-inline: auto; justify-content: center; align-items: center; padding-block: 2rem; margin-block: 2rem; } @media (prefers-color-scheme: dark){ form{ background-color: var(--accent-dark); } } form label{ font-size: 1.2em; } form input{ display: block; font-size: 1.2rem; } form button{ background-color: var(--red); color: white; border: none; padding: 0.5em 1em; font-size: 1.3em; border-radius: 1000px; margin-top: 1em; transition: 100ms; } form button:hover, form button:focus-visible { scale: 1.1; } form p{ max-width: 400px; margin-top: 0; } form h4{ margin-bottom:0; } @media screen and (max-width: 600px){ form{ margin-top: 0; } }