From e76b2df6c54fc2bf4631412d1a7d55df41a357a1 Mon Sep 17 00:00:00 2001 From: Christian Date: Thu, 12 Feb 2026 17:46:08 -0500 Subject: [PATCH] Repaired wordmark styles for better responsiveness and visual appeal. Adjusted font size, line height, and padding to enhance readability across different screen sizes. --- styles.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/styles.css b/styles.css index 280df2d..a9027be 100644 --- a/styles.css +++ b/styles.css @@ -300,18 +300,20 @@ body.home { align-items: center; gap: 0.75rem; text-align: center; + width: min(100%, 1000px); + padding: 0 clamp(0.75rem, 4vw, 2rem); } .wordmark { display: inline-block; font-family: var(--font-serif); font-style: italic; - font-size: clamp(4.5rem, 18vw, min(11rem, 26vw)); + font-size: clamp(3.25rem, 12.5vw, 9.5rem); font-weight: 400; - letter-spacing: -0.04em; - line-height: 1.08; - padding: 0.06em 0.02em 0.12em; - max-width: 92vw; + letter-spacing: -0.03em; + line-height: 1.06; + padding: 0.08em 0.18em 0.14em; + max-width: 100%; text-align: center; color: var(--text-primary); background: linear-gradient(145deg, var(--text-primary) 30%, var(--accent) 100%);