[Bug]: Multiple CSS Declarations in Othello Game

[divanshiii09]

Give a brief about the bug ✍️

In the style.css file located in the Othello folder of the Games of Your project, there are multiple declarations for several CSS classes, including .board, .cell, .score-container, .cell.empty, .cell.white, and .message-container. This redundancy can lead to confusion regarding which styles are applied, potentially resulting in inconsistent styling throughout the application.

Screenshots are attached to illustrate the duplicate declarations for your reference.

First Occurrence:

Second Occurrence:

Third Occurrence:

What is the expected behavior? 🤔

Each CSS class should have a single, clear declaration in the style.css file to maintain clarity and prevent conflicts. This will ensure that styles are applied consistently and make the codebase easier to read and maintain.

Provide step by step information reproduce the bug 📄

1. Navigate to the following directory:
   MultiPlayer-Games/Othello

2. Open the style.css file.

3. Search for the following classes:

   • .board
   • .cell
   • .score-container
   • .message-container

4. Observe that multiple declarations exist for these classes, indicating a duplication of styles.

Select program in which you are contributing

GSSoC24, Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.