Match hero tagline slant to wordmark
This commit is contained in:
+3
-1
@@ -151,7 +151,9 @@ function Hero() {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<h1 className="text-text mt-7 max-w-4xl text-4xl font-semibold tracking-tight lowercase sm:text-6xl sm:leading-[1.05]">
|
<h1 className="text-text mt-7 max-w-4xl text-4xl font-semibold tracking-tight lowercase sm:text-6xl sm:leading-[1.05]">
|
||||||
<i>Everything technical, <span className="text-accent">handled.</span></i>
|
<em className="hero-tagline">
|
||||||
|
Everything technical, <span className="text-accent">handled.</span>
|
||||||
|
</em>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<p className="text-text-secondary mt-6 max-w-xl text-lg leading-relaxed">
|
<p className="text-text-secondary mt-6 max-w-xl text-lg leading-relaxed">
|
||||||
|
|||||||
@@ -237,6 +237,10 @@ body {
|
|||||||
filter: var(--hero-photo-filter);
|
filter: var(--hero-photo-filter);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-tagline {
|
||||||
|
font-style: oblique 12deg;
|
||||||
|
}
|
||||||
|
|
||||||
.racetix-photo {
|
.racetix-photo {
|
||||||
opacity: var(--racetix-photo-opacity);
|
opacity: var(--racetix-photo-opacity);
|
||||||
filter: var(--racetix-photo-filter);
|
filter: var(--racetix-photo-filter);
|
||||||
|
|||||||
Reference in New Issue
Block a user