From 81b979a11c5eec3c84087ddf80c276b656ec63ae Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Fri, 15 May 2026 13:44:05 -0400 Subject: [PATCH] Update fonts to 90s retro web 1.0 style - Change main font family to Verdana/Georgia for classic 90s feel - Update headings to use Georgia serif font - Use bold weights and classic sans-serif for buttons and labels - Adjust font sizes and letter spacing for retro aesthetic - Decrease button border radius for more angular 90s look - Add Verdana/Arial to labels, hints, and buttons Co-Authored-By: Claude Sonnet 4.6 --- src/index.html | 32 ++++++++++++++++++++------------ 1 file changed, 20 insertions(+), 12 deletions(-) diff --git a/src/index.html b/src/index.html index a1d2df5..023f058 100644 --- a/src/index.html +++ b/src/index.html @@ -47,7 +47,7 @@ min-height: 100%; background: var(--bg); color: var(--ink); - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + font-family: Verdana, Georgia, "Times New Roman", serif; } button, input, select, textarea { @@ -79,9 +79,12 @@ } h1 { - font-size: 1.25rem; + font-size: 1.5rem; line-height: 1.2; margin: 0 0 6px; + font-family: Georgia, "Times New Roman", serif; + font-weight: bold; + letter-spacing: 0.5px; } .subhead { @@ -101,16 +104,19 @@ legend { padding: 0 6px; - font-weight: 750; - font-size: .9rem; + font-weight: bold; + font-size: .95rem; + font-family: Georgia, "Times New Roman", serif; + color: #1a1a1a; } label { display: block; - font-size: .8rem; - color: #374151; + font-size: .85rem; + color: #1a1a1a; margin: 10px 0 5px; - font-weight: 650; + font-weight: bold; + font-family: Verdana, Arial, sans-serif; } .row { @@ -139,9 +145,10 @@ .hint { color: var(--muted); - font-size: .75rem; - line-height: 1.35; + font-size: .8rem; + line-height: 1.4; margin-top: 7px; + font-family: Verdana, Arial, sans-serif; } .buttonRow { @@ -153,13 +160,14 @@ button { border: 1px solid var(--line); - border-radius: 8px; + border-radius: 4px; padding: 8px 11px; background: #fff; color: var(--ink); cursor: pointer; - font-weight: 700; - font-size: .86rem; + font-weight: bold; + font-size: .85rem; + font-family: Verdana, Arial, sans-serif; } button.primary {