The scroll bar is too small in size and footer section colors are not visible.

**Is your feature request related to a problem? Please describe.**
The scroll bar is too small, making it difficult to navigate through the page. Additionally, the colors in the footer section are not visible, affecting the overall user experience. These issues reduce the accessibility and visual appeal of the interface.

**Describe the solution you'd like**
I would like the scroll bar to be resized, making it larger and easier to use. Additionally, the footer section colors should be adjusted to ensure they are clearly visible and contrast well with the background. This will improve both the usability and aesthetics of the page.

**Describe alternatives you've considered**
1. Custom scroll bar: I considered implementing a custom scroll bar using CSS for better control over its size and appearance, but this could lead to cross-browser issues.

2. Keeping the default scroll bar: Leaving the scroll bar unchanged was an option, but it would still negatively affect user experience.

3. Adjusting only the footer colors: Modifying just the footer colors would improve visibility but would not solve the issue of poor navigation due to the small scroll bar.

**Screenshot**