Changeset View
Changeset View
Standalone View
Standalone View
landing/footer.css
footer.wrapper { | footer.wrapper { | ||||
display: flex; | |||||
justify-content: center; | |||||
background: rgba(235, 235, 235, 0.05); | background: rgba(235, 235, 235, 0.05); | ||||
backdrop-filter: blur(12px); | backdrop-filter: blur(12px); | ||||
position: sticky; | position: sticky; | ||||
top: 100vh; | top: 100vh; | ||||
} | } | ||||
.contentWrapper { | .contentWrapper { | ||||
max-width: 1850px; | width: 1850px; | ||||
margin-left: auto; | padding: 48px 32px; | ||||
margin-right: auto; | |||||
display: grid; | |||||
padding: 50px 0; | |||||
grid-template-columns: 40px repeat(12, 1fr) 40px; | |||||
column-gap: 1.5%; | |||||
align-items: center; | |||||
grid-template-areas: '. nav nav nav . . . sub sub sub sub sub sub .'; | |||||
} | |||||
@media screen and (max-width: 1099px) { | |||||
.contentWrapper { | |||||
grid-template-columns: 16px repeat(6, 1fr) 16px; | |||||
grid-template-rows: 1fr 1fr; | |||||
column-gap: 1.5%; | |||||
grid-template-areas: | |||||
'. sub sub sub sub sub sub . ' | |||||
'. nav nav nav nav nav nav . '; | |||||
} | |||||
.submissionForm form { | |||||
display: flex; | |||||
flex-direction: column; | |||||
} | |||||
.submissionForm form input { | |||||
margin-bottom: 24px; | |||||
} | |||||
} | } | ||||
.navigation { | .navigation { | ||||
grid-area: nav; | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
} | } | ||||
.navigation a { | .navigation a { | ||||
font-size: clamp(1rem, 0.8954rem + 0.5229vw, 1.5rem); | font-size: clamp(1rem, 0.8954rem + 0.5229vw, 1.5rem); | ||||
font-weight: 400; | font-weight: 400; | ||||
} | } | ||||
Show All 18 Lines | |||||
a.logo { | a.logo { | ||||
font-family: var(--sans-serif); | font-family: var(--sans-serif); | ||||
font-weight: 500; | font-weight: 500; | ||||
color: var(--logo-color); | color: var(--logo-color); | ||||
font-size: 28px; | font-size: 28px; | ||||
padding-bottom: 16px; | padding-bottom: 16px; | ||||
} | } | ||||
.submissionForm { | |||||
grid-area: sub; | |||||
} |