Widen Hero Content and Enable Glitch Font Subset
This commit is contained in:
@@ -491,16 +491,17 @@ h4 {
|
|||||||
color: #f09b72;
|
color: #f09b72;
|
||||||
}
|
}
|
||||||
.hero-title {
|
.hero-title {
|
||||||
max-width: 850px;
|
max-width: 1024px;
|
||||||
margin: 0.45rem 0;
|
margin: 0.45rem 0;
|
||||||
font-family: "Alpha Lyrae", sans-serif;
|
font-family: "Alpha Lyrae", sans-serif;
|
||||||
|
/* Use another, more glitchy font subset */
|
||||||
font-feature-settings: "ss02" 1, "liga" 1;
|
font-feature-settings: "ss02" 1, "liga" 1;
|
||||||
font-size: clamp(2.8rem, 7vw, 6rem);
|
font-size: clamp(2.8rem, 7vw, 6rem);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 0.98;
|
line-height: 0.98;
|
||||||
}
|
}
|
||||||
.hero-text {
|
.hero-text {
|
||||||
max-width: 560px;
|
max-width: 600px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.6rem);
|
font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.6rem);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user