Bug: Timer styles not applying due to CSS ID/class selector mismatch

[VanshikaAsthana]

🐛 Bug Report

Summary: Timer CSS styles are never applied due to a selector mismatch
between style.css (#timer) and index.html (class="timer").

Description

The timer container in index.html uses class="timer" but style.css
targets #timer (ID selector). This mismatch causes the timer styles —
blue color, 2rem font size, bold weight, letter spacing — to never apply.

Files Affected

• style.css
• index.html

Root Cause

In style.css:

#timer { /* ID selector — never matches */
    font-size: 2rem;
    color: #2563eb;
}

In index.html:

<div class="timer"> <!-- class, not ID -->

Fix

Change #timer to .timer in style.css.

Screenshots

Raising this as part of GSSoC 2026 contribution. Will submit a PR.

[VanshikaAsthana]

Submitted PR #149 for this fix.