From e6ff346542ac17c5c7fc71bb5048d8f03e64226a Mon Sep 17 00:00:00 2001
From: Shistata Subedi <shistatasubedi7@gmail.com>
Date: Tue, 6 Jun 2023 11:32:51 +0545
Subject: [PATCH] removed the flickering effect

---
 MergeMania/index.html | 6 +++---
 MergeMania/index.js   | 5 -----
 MergeMania/styles.css | 7 +------
 3 files changed, 4 insertions(+), 14 deletions(-)
diff --git a/MergeMania/index.html b/MergeMania/index.html
index 08834a6..565296a 100644
--- a/MergeMania/index.html
+++ b/MergeMania/index.html
@@ -10,7 +10,7 @@
 <body>
   <div class="container">
     <h2 class="title"><span class=c1>MERGE</span> MANIA</h2>  </div>
-    <div id="timer">00:00</div>
+    <div id="timer" style="display: none;">00:00</div>
     <div id="warning-message"></div>
     <div class="level-container">
       <div class="level">
@@ -21,11 +21,11 @@ <h2 class="title"><span class=c1>MERGE</span> MANIA</h2>  </div>
       </div>
     </div>
 
-    <div id="score-container">
+    <div id="score-container" style="display: none;">
       <div class="cscore-text">Current Score: <span id="current-score">0</span></div>
       <div class="hscore-text">High Score: <span id="high-score">0</span></div>
     </div>
-    <div id="container"></div>
+    <div id="container" style="display: none;"></div>
 
     <div id="game-over-modal" class="modal">
       <div class="modal-content">
diff --git a/MergeMania/index.js b/MergeMania/index.js
index bf2346c..0457e31 100644
--- a/MergeMania/index.js
+++ b/MergeMania/index.js
@@ -10,11 +10,6 @@ export function initializeLevels() {
   const SCORE_CONTAINER = document.getElementById("score-container");
   const TITLE_CONTAINER = document.querySelector(".title");
 
-  // Hide game-related elements initially
-  GAME_CONTAINER.style.display = "none";
-  TIMER.style.display = "none";
-  SCORE_CONTAINER.style.display = "none";
-
   // Add event listeners to each level button
   LEVEL_BUTTONS.forEach((button) => {
     button.addEventListener("click", handleLevelButtonClick);
diff --git a/MergeMania/styles.css b/MergeMania/styles.css
index 4723bd6..d1c3293 100644
--- a/MergeMania/styles.css
+++ b/MergeMania/styles.css
@@ -1,9 +1,4 @@
-/* set the grid size, cell size, and cell gap for the game board. */
-:root {
-  --grid-size: 4;
-  --cell-size: 100px;
-  --cell-gap: 10px;
-}
+
 body {
   margin: 0;
   font-size: 40px;
