diff --git a/src/app.css b/src/app.css index d461c05..fea7d75 100644 --- a/src/app.css +++ b/src/app.css @@ -222,13 +222,14 @@ a { } .intro { - width: min(820px, 88vw); + width: min(900px, 88vw); margin: clamp(4rem, 6vw, 5.75rem) auto 0; text-align: center; } .intro p { - margin: 0; + max-width: 37ch; + margin: 0 auto; color: var(--color-lavender); font-family: var(--font-copy); font-size: clamp(1.2rem, 2.2vw, 2rem); @@ -236,6 +237,7 @@ a { line-height: 1.45; letter-spacing: 0; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); + text-wrap: pretty; } .star-divider { diff --git a/src/lib/components/IntroText.svelte b/src/lib/components/IntroText.svelte index 4f5d003..3a5ccb0 100644 --- a/src/lib/components/IntroText.svelte +++ b/src/lib/components/IntroText.svelte @@ -3,7 +3,7 @@

Squiggleverse is a modular, multi-platform, game-based “stealth” learning system that teaches grammar, usage, and style through innovative gameplay, whimsical characters, and - creative narratives co-authored by the player. + creative narratives co-authored by the player.