From 2a0ac62ad9c1a86f9c5e770f71822d3ae80de1a4 Mon Sep 17 00:00:00 2001 From: TheThomaas Date: Tue, 27 May 2025 21:42:31 +0200 Subject: [PATCH] Update hero section styles --- src/css/components/hero.css | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/src/css/components/hero.css b/src/css/components/hero.css index 0777107..5fd64c0 100644 --- a/src/css/components/hero.css +++ b/src/css/components/hero.css @@ -2,23 +2,27 @@ height: 90svh; } .hero div { - text-align: center; + text-align: start; flex-direction: column; justify-content: end; - align-items: center; + align-items: start; display: flex; } .hero p { max-width: 48ch; } -@media screen and (min-width: 768px) { - .hero div { - text-align: start; - align-items: start; - } -} .hero-title { font-size: 1.8rem; + font-weight: 600; + line-height: 1; + margin-bottom: .4em; +} +.hero-title .accent-font { + font-size: 1.5em; + line-height: 1; + font-weight: normal; + font-style: italic; + color: currentColor; } @media screen and (min-width: 768px) { .hero-title {