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; } label{ font-size: 1.2em; } input{ display: block; font-size: 1.2rem; } 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; } button:hover, button:focus-visible { scale: 1.1; } p{ max-width: 400px; margin-top: 0; } h4{ margin-bottom:0; } @media screen and (max-width: 600px){ form{ margin-top: 0; } }