diff --git a/src/styles.css b/src/styles.css index 239ab5f..0be18de 100644 --- a/src/styles.css +++ b/src/styles.css @@ -363,6 +363,8 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); } .hero h1.paint-3d { filter: url(#paintGlossLight); -webkit-filter: url(#paintGlossLight); + font-weight: 500; + text-shadow: 0.012em 0 0 currentColor; } } .hero-sub { @@ -1448,8 +1450,8 @@ input[type=range]::-moz-range-thumb { animation-delay: calc(var(--word-delay, 0s) + 1.125s) !important; } @keyframes introWord { - 0% { opacity: 0; transform: translateY(14px); } - 100% { opacity: 1; transform: translateY(0); } + 0% { opacity: 0; } + 100% { opacity: 1; } } /* Exit — smoke out: re-blur to 16px, drift upward 14px, fade to 0. @@ -1462,8 +1464,8 @@ input[type=range]::-moz-range-thumb { animation-duration: 1.5s; } @keyframes introOut { - 0% { opacity: 1; filter: blur(0); transform: translateY(0); } - 100% { opacity: 0; filter: blur(16px); transform: translateY(-14px); } + 0% { opacity: 1; filter: blur(0); } + 100% { opacity: 0; filter: blur(16px); } } /* Hero — hidden until intro is done so the bg image, brand wordmark, tagline and Begin button appear AFTER the intro plays out rather