Changeset View
Changeset View
Standalone View
Standalone View
landing/hero-content.css
.cycling_header { | .header { | ||||
font-weight: bold; | color: var(--white-80); | ||||
font-family: 'iA Writer Duo S', monospace; | margin-bottom: 24px; | ||||
padding-bottom: 16px; | |||||
font-size: clamp(2.5rem, -0.5rem + 4vw, 4.25rem); | |||||
} | |||||
@media (max-width: 1099px) { | |||||
.cycling_header { | |||||
font-size: clamp(1.5rem, 0.0122rem + 5.9514vw, 4.1rem); | |||||
} | } | ||||
.header span { | |||||
background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%); | |||||
background-clip: text; | |||||
-webkit-background-clip: text; | |||||
-webkit-text-fill-color: transparent; | |||||
} | } | ||||
.sub_heading { | .subHeader { | ||||
color: var(--sub-heading-color); | color: var(--white-80); | ||||
font-size: clamp(1rem, 0.5556rem + 2.2222vw, 3.125rem); | margin-bottom: 56px; | ||||
margin-bottom: 60px; | |||||
} | } | ||||
form { | form { | ||||
width: 92%; | width: 92%; | ||||
} | } | ||||
@media (max-width: 1099px) { | @media (max-width: 1099px) { | ||||
form { | form { | ||||
width: 100%; | width: 100%; | ||||
} | } | ||||
} | } | ||||
.cycling_content, | |||||
.sub_heading { | |||||
font-family: 'iA Writer Duo S', monospace; | |||||
text-align: left; | |||||
line-height: 1.35; | |||||
} | |||||
.cycling_content { | |||||
background: var(--sub-heading-color); | |||||
} | |||||
.contentWrapper { | .contentWrapper { | ||||
flex-basis: 300px; | flex-basis: 300px; | ||||
} | } |