You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
.hero {
|
|
|
|
align-items: center;
|
|
|
|
display: flex;
|
|
|
|
height: 100vh;
|
|
|
|
justify-content: center;
|
|
|
|
font-family: "Work Sans", sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hero__text-area__container {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hero__text-area__heading {
|
|
|
|
font-size: 4rem;
|
|
|
|
margin: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hero__text-area__subheading {
|
|
|
|
font-size: 2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 800px) {
|
|
|
|
.hero__text-area__heading {
|
|
|
|
font-size: 10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hero__text-area__subheading {
|
|
|
|
font-size: 3rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.hero__scroll-arrow {
|
|
|
|
font-size: 6rem;
|
|
|
|
font-weight: lighter;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 1rem;
|
|
|
|
}
|