From 08aef1d09adda5613cd81f737caf359e35946f29 Mon Sep 17 00:00:00 2001 From: chris Date: Thu, 20 Nov 2025 08:34:34 -0500 Subject: [PATCH] Raise equation and keypad above overlay for clarity --- style.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 6c89e00..357d61b 100644 --- a/style.css +++ b/style.css @@ -240,13 +240,15 @@ text-shadow: 0 0 calc(3px + 10px * var(--focus-glow)) rgba(255, 235, 180, calc(0.25 + 0.5 * var(--focus-glow))), 0 0 calc(6px + 14px * var(--focus-glow)) rgba(255, 215, 80, calc(0.15 + 0.35 * var(--focus-glow))); + position: relative; + z-index: 200; } #hint-grid { display: grid; justify-content: center; gap: 4px; margin: 5px auto; max-width: 200px; } .star-dot { width: 8px; height: 8px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 5px var(--gold); animation: twinkle 2s infinite; } @keyframes twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } - .keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; } + .keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 5px; position: relative; z-index: 200; } .key-btn { background: rgba(116, 0, 1, 0.05); border: 1px solid var(--gold); color: var(--ink); font-family: 'Cinzel', serif; font-size: 1.5rem; padding: 15px 0; border-radius: 5px; cursor: pointer; text-shadow: 0 0 calc(2px + 8px * var(--focus-glow)) rgba(255, 225, 140, calc(0.2 + 0.4 * var(--focus-glow))); box-shadow: 0 0 calc(2px + 8px * var(--focus-glow)) rgba(255, 195, 50, calc(0.12 + 0.3 * var(--focus-glow)));