diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 571bebb..bbbceb4 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -64,6 +64,11 @@ import Download from './icons/Download.astro'; font-size: 80px; line-height: 1.04; letter-spacing: 1px; + /* Cinzel's T curls 0.09em left of its box. Safari crops it to the box + while the heading fades in, so the box reaches over the curl, and the + text stays where it was. */ + padding-left: 0.1em; + margin-left: -0.1em; } .role { diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 1f031b6..728b51c 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -75,6 +75,9 @@ const links = [ font-size: 19px; letter-spacing: 0.5px; white-space: nowrap; + /* Room for the T's curl while it fades in, as in the hero. */ + padding-left: 0.1em; + margin-left: -0.1em; transition: opacity 0.35s ease, transform 0.35s ease,