.contact-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; margin-left: calc(-1 * clamp(35px, 10%, 10vw)); margin-right: calc(-1 * clamp(35px, 10%, 10vw)); background-color: #4C40F7; padding-top: 40px; padding-bottom: 20px; } .contact-title { font-family: Poppins; font-size: 14px; font-weight: 400; text-align: center; color: white } .contact-subtitle { margin-top: 20px; font-family: Poppins; font-size: 28px; font-weight: 600; text-align: center; letter-spacing: 1px; color: white } .contact-textfield-container { margin-top: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 500px; } .contact-form-button { margin-top: 25px; display: flex; justify-content: center; align-items: center; background-color: #00113B; color: white; font-size: 14px; width: 150px; height: 50px; border-radius: 4px; } .contact-form-button { cursor: pointer; user-select: none; } @media only screen and (min-width: 1000px) { .contact-container { margin-left: calc(-1 * clamp(35px, 25%, 10vw)); margin-right: calc(-1 * clamp(35px, 25%, 10vw)) } }