fixes: hovering links enhancement #781

[sagarbendale2004]

Solution:

Text Color Change: The text color of the sublinks now changes on hover, providing a clear visual indication of interactivity. Background Box with Pop-up Effect: A subtle background box has been added that pops up and makes the sublink content appear bigger when hovered. This creates a modern and dynamic feel to the hover state. Font Style Change on Hover for Headings: The headings of each domain now change their font style upon hovering to further enhance interactivity.

Changes in CSS:

Sublink Hover Effect:

Text color changes to a more vibrant color on hover (e.g., $brightblue). Added a background box with a slight scale-up effect to make the link appear larger on hover.

Heading Font Change:

The font changes to a bolder or alternate font-family when the user hovers over a heading.

issue resolved #781

[netlify[bot]]

✅ Deploy Preview for carvel canceled.

Name	Link
🔨 Latest commit	5f22af49e97d32aee4d7fcb499579dc4e8b1874e
🔍 Latest deploy log	https://app.netlify.com/sites/carvel/deploys/66fd529370b51b000940a3ba

[praveenrewar]

Closing-reopening to run checks

[joaopapereira]

@praveenrewar do you think we can merge this?

[praveenrewar]

IIRC @100mik had mentioned some concerns w.r.t updating that part of css. Otherwise looks good from my end.