diff --git a/style.css b/style.css index 57707b3..364533f 100644 --- a/style.css +++ b/style.css @@ -317,7 +317,8 @@ .progress-fill { height: 100%; background: linear-gradient(90deg, var(--burgundy), var(--gold)); width: 0%; transition: width 0.5s; } .equation { font-size: 3.5rem; margin: 5px 0; min-height: 60px; } - #answer-display { font-size: 2.5rem; height: 50px; border-bottom: 3px solid var(--burgundy); width: 80%; margin: 0 auto 10px; color: #fffdf2; display: flex; align-items: center; justify-content: center; } + #answer-display { font-size: clamp(2rem, 6vw, 2.5rem); line-height: 1.1; height: 52px; border-bottom: 3px solid var(--burgundy); width: 80%; margin: 0 auto 10px; color: #fffdf2; display: flex; align-items: center; justify-content: center; position: relative; } + #answer-display::after { content: '8888'; opacity: 0; pointer-events: none; } .equation, #answer-display { color: #fffdf2;