diff --git a/README.md b/README.md
index 41a85e1..af81fec 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ Incase, music isn't playing for you, please do the following steps:
 
 The issue should be fixed. Incase of any further issue, please file a [Bug Report](https://github.com/KendallDoesCoding/quiz/issues/new?assignees=&labels=%F0%9F%9B%A0+goal%3A+fix&template=bug.yml).
 
-# Links and Topics
+# Links and Topicssssss
 
 #### [Tutorial Video](https://www.youtube.com/watch?v=f4fB9Xg2JEY)
 
diff --git a/css/game.css b/css/game.css
index 4672d1f..90471c5 100644
--- a/css/game.css
+++ b/css/game.css
@@ -109,4 +109,19 @@ body {
     transform: scale(2);
     opacity: 0;
   }
-}
\ No newline at end of file
+}
+#timer-container {
+  text-align: center;
+  margin-top: 10px;
+}
+
+#timer-prefix {
+  margin-bottom: 5px;
+  font-size: 16px;
+}
+
+#timer {
+  font-size: 24px;
+  font-weight: bold;
+  color: #ff0000; /* Set the color of the timer */
+}
diff --git a/pages/game.html b/pages/game.html
index 657b1be..95d060d 100644
--- a/pages/game.html
+++ b/pages/game.html
@@ -1,91 +1,107 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
-      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
-      crossorigin="anonymous"
-    />
-    <link rel="icon" type="image/x-icon" href="../images/Main.ico" />
-    <title>Quiz Page - Main Game</title>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
+  <link rel="icon" type="image/x-icon" href="../images/Main.ico" />
+  <title>Quiz Page - Main Game</title>
+  <link rel="stylesheet" href="../css/index.css" />
+  <link rel="stylesheet" href="../css/game.css" />
+  <script type="module" defer>
+    import { gameQA } from "../js/data/index.js";
+    import { Quiz } from "../js/QuizClass.js";
 
-    <link rel="stylesheet" href="../css/index.css" />
-    <link rel="stylesheet" href="../css/game.css" />
-    <script type="module" defer>
-      import { gameQA } from "../js/data/index.js";
-      import { Quiz } from "../js/QuizClass.js";
+    const QuizInstance = new Quiz(gameQA);
+    let timer;
+    let timeLimit = 10; // Set the initial time limit in seconds
 
-      const QuizInstance = new Quiz(gameQA);
+    document.addEventListener("click", (e) => {
+      if (e.target.dataset.number) {
+        QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+        resetTimer();
+      }
+    });
 
-      document.addEventListener("click", (e) => {
-        if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(
-            +e.target.dataset.number,
-            QuizInstance.answer
-          );
+    function updateTimerDisplay() {
+      document.getElementById("timer").innerText = `${timeLimit}s`;
+    }
+
+    function startTimer() {
+      timer = setInterval(() => {
+        timeLimit--;
+        updateTimerDisplay();
+
+        if (timeLimit <= 0) {
+          QuizInstance.handleTimeout();
+          resetTimer();
         }
-      });
-    </script>
-  </head>
+      }, 1000);
+    }
 
-  <body>
-    <div class="container">
-      <div id="game" class="justify-center flex-column">
-        <div id="hud">
-          <div class="hud-item">
-            <p id="progressText" class="hud-prefix">Question</p>
-            <div id="progressBar">
-              <div id="progressBarFull"></div>
-            </div>
-          </div>
-          <div class="hud-item">
-            <p class="hud-prefix">Score</p>
-            <h1 class="hud-main-text" id="score">0</h1>
-            <p id="addPoints" class="hud-item"></p>
-            <p id="subPoints" class="hud-item">-100</p>
+    function resetTimer() {
+      clearInterval(timer);
+      timeLimit = 10;
+      updateTimerDisplay();
+      startTimer();
+    }
+
+    startTimer();
+  </script>
+</head>
+<body>
+  <div class="container">
+    <div id="game" class="justify-center flex-column">
+      <div id="hud">
+        <div class="hud-item">
+          <p id="progressText" class="hud-prefix">Question</p>
+          <div id="progressBar">
+            <div id="progressBarFull"></div>
           </div>
         </div>
-        <h1 id="question">What is the answer to this question</h1>
-        <div class="choice-container">
-          <p class="choice-prefix">A</p>
-          <p class="choice-text" data-number="1">Choice</p>
-        </div>
-        <div class="choice-container">
-          <p class="choice-prefix">B</p>
-          <p class="choice-text" data-number="2">Choice 2</p>
-        </div>
-        <div class="choice-container">
-          <p class="choice-prefix">C</p>
-          <p class="choice-text" data-number="3">Choice 3</p>
-        </div>
-        <div class="choice-container">
-          <p class="choice-prefix">D</p>
-          <p class="choice-text" data-number="4">Choice 4</p>
+        <div class="hud-item">
+          <p class="hud-prefix">Score</p>
+          <h1 class="hud-main-text" id="score">0</h1>
+          <p id="addPoints" class="hud-item"></p>
+          <p id="subPoints" class="hud-item">-100</p>
         </div>
       </div>
-    </div>
-    <div class="music">
-      <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg" />
-      </audio>
-
-      <div class="music-container flex-center flex-row">
-        <a
-          onclick="toggleMusic()"
-          class="button1"
-          id="musicOnButton"
-          style="display: none"
-        >
-          Music On <i class="fas fa-light fa-headphones"></i
-        ></a>
-        <a onclick="pauseMusic()" class="button2">
-          Music Off <i class="fas fa-light fa-volume-off"></i
-        ></a>
+      <div id="timer-container">
+        <p id="timer-prefix">Time Left:</p>
+        <p id="timer">10s</p>
+      </div>
+      <h1 id="question">What is the answer to this question</h1>
+      <div class="choice-container">
+        <p class="choice-prefix">A</p>
+        <p class="choice-text" data-number="1">Choice</p>
+      </div>
+      <div class="choice-container">
+        <p class="choice-prefix">B</p>
+        <p class="choice-text" data-number="2">Choice 2</p>
       </div>
+      <div class="choice-container">
+        <p class="choice-prefix">C</p>
+        <p class="choice-text" data-number="3">Choice 3</p>
+      </div>
+      <div class="choice-container">
+        <p class="choice-prefix">D</p>
+        <p class="choice-text" data-number="4">Choice 4</p>
+      </div>
+    </div>
+  </div>
+  <div class="music">
+    <audio loop="loop" id="my_audio" preload="auto" autoplay>
+      <source id="audio_source" src="" type="audio/mpeg" />
+    </audio>
+    <div class="music-container flex-center flex-row">
+      <a onclick="toggleMusic()" class="button1" id="musicOnButton" style="display: none">
+        Music On <i class="fas fa-light fa-headphones"></i>
+      </a>
+      <a onclick="pauseMusic()" class="button2">
+        Music Off <i class="fas fa-light fa-volume-off"></i>
+      </a>
     </div>
-  </body>
-  <script src="/js/songs.js"></script>
+  </div>
+</body>
+<script src="/js/songs.js"></script>
 </html>
