Bug : Clock text styling not applying due to CSS selector mismatch

[aditya48-q]

Bug:
The timer clock is not receiving its intended styling (font size, weight, letter-spacing).
In style.css, the clock is styled using the #timer selector. However, in the HTML, the actual time element uses id="time", while its container uses class="timer". Because of this mismatch, the styles are not being applied to the text.

Steps to Reproduce

1. Open the application.
2. Inspect the timer text element.
3. Notice that the specific CSS rules for #timer are not applied to the id="time" element.

Proposed Fix:
Update style.css to change the #timer selector to #time.

[aditya48-q]

I would like to work on this issue under GSSoC '26. Could you please assign it to me and add the relevant labels?

[Joshna150]

I would like to work on this issue under GSSoC'26.Could you please assign it to me?

[Hamsini-2607]

Hi @aditya48-q, @JIYAJAIN30

I would like to work on this issue under GSSoC'26.

My approach:

• Locate the timer element in the HTML/JS.
• Verify the CSS selector mismatch.
• Update the selector from #timer to #time (or align the HTML and CSS identifiers appropriately).
• Test that the clock styling is applied correctly.

Could you please assign this issue to me?

Thank you!

[laxmiprasanna188]

/assign