html {font-size: 100%} body {font-size: clamp(1rem, 1.2vw, 1.25rem); font-family: "Montserrat"; font-weight: 400; font-style: normal} h1 {font-size: 6rem; color: var(--bricks-color-hmohpg); font-family: "Bahianita"; font-weight: 400; font-style: normal} h2 {font-size: clamp(55px, 3vw + 5vh, 120px); color: var(--bricks-color-hmohpg); font-family: "Bahianita"; font-weight: 400; text-transform: uppercase; font-style: normal; line-height: 0.8} h3 {font-size: clamp(1.5rem, 1vw + 1.5vh, 2rem); color: var(--bricks-color-hmohpg); font-family: "Annie Use Your Telescope"; font-weight: 400}:where(:root) .bricks-color-primary {color: var(--bricks-color-cnkbke)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-cnkbke)} .bricks-button {font-size: clamp(1.75rem, 1.6rem + 0.35vw, 2.5rem); font-family: "Annie Use Your Telescope"; font-weight: 400; font-style: normal; color: var(--bricks-color-qfnmbz); border-right: 1.5vw solid var(--bricks-color-cnkbke); border-left: 1.5vw solid var(--bricks-color-cnkbke)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-cnkbke)}.form-div { display: flex; align-items: center; width: 100%; margin-bottom: 10px;}.form-headline { background-color: #da3a2f; color: white; white-space: nowrap; padding: 10px 30px;}.form-divider { flex-grow: 1; height: 1px; background-color: #ccc;}.form-margin{ margin-top: 50px;}@media (max-width: 600px) {.form-divider {display: none;}.form-headline {width: 100%; text-align: center;}}