diff --git a/css/game.css b/css/game.css
index ccb6cb6..4672d1f 100644
--- a/css/game.css
+++ b/css/game.css
@@ -79,3 +79,34 @@ body {
   background: rgb(11, 223, 36);
   width: 0%;
 }
+.green-score{
+  color: green;
+}
+.red-score{
+  color:red;
+}
+
+#addPoints{
+  display:none;
+  position: relative;
+  right:90px;
+  color:green;
+  font-size: 20px;
+  top: -100px;
+  animation: ripple-animation 0.6s linear;
+}
+#subPoints{
+  display:none;
+  position: relative;
+  right:90px;
+  color:red;
+  font-size: 20px;
+  top: -100px;
+  animation: ripple-animation 0.6s linear;
+}
+@keyframes ripple-animation {
+  to {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index ba6f73c..13d684f 100644
--- a/css/index.css
+++ b/css/index.css
@@ -211,6 +211,7 @@ input::placeholder {
   font-size: 2.3rem;
   text-align: center;
   padding-bottom: 2.4rem;
+  cursor: pointer;
 }
 
 .back-btn {
diff --git a/css/topics.css b/css/topics.css
index e97e628..c8d6739 100644
--- a/css/topics.css
+++ b/css/topics.css
@@ -159,12 +159,6 @@ background-image: linear-gradient(
   );
 }
 
-#instrum-btn {
-background-color: #85FFBD;
-background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
-}
-
-
 #jaidenanimations-btn {
   background-color: #4158D0;
   background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
diff --git a/js/QuizClass.js b/js/QuizClass.js
index 74deb31..a065629 100644
--- a/js/QuizClass.js
+++ b/js/QuizClass.js
@@ -7,12 +7,14 @@ export class Quiz {
     this.QUESTION_VALUE = 100;
     this.QUESTIONS_AMOUNT = dataQA.length;
     this.barPercetage = 0;
+    this.streakPoints = 0;
+    this.timePoints = 0;
     this.score = 0;
     this.answer = "";
     this.canClick = true;
     this.noOfCorrect = 0;
     this.TOTAL_CORRECT = 0;
-
+    
     this.correctStreak = 0; // Tracks consecutive correct answers
     this.startTime = 0; // Stores the start time of each question
     // runs here because we want to load the first round of questions
@@ -92,9 +94,13 @@ export class Quiz {
       this._updateCorrectCount();
       this.calculateTimeBonus();
       this.updateStreak();
+      document.getElementById('score').classList.add('green-score');
+      document.getElementById('addPoints').style.display = 'block';
     } else {
       p.parentElement.classList.add("incorrect");
       this.score -= this.QUESTION_VALUE;
+      document.getElementById('score').classList.add('red-score');
+      document.getElementById('subPoints').style.display = 'block';
     }
 
     document.getElementById("score").textContent = this.score;
@@ -106,6 +112,10 @@ export class Quiz {
       this.canClick = true;
       p.parentElement.classList.remove("incorrect");
       p.parentElement.classList.remove("correct");
+      document.getElementById('score').classList.remove('green-score');
+      document.getElementById('score').classList.remove('red-score');
+      document.getElementById('subPoints').style.display = 'none';
+      document.getElementById('addPoints').style.display = 'none';
     }, 600);
   }
 
@@ -118,10 +128,13 @@ export class Quiz {
 
     if (elapsed <= 1000) {
       this.score += 1000;
-    } else if (elapsed <= 5000) {
+      this.timePoints = 1000;
+        } else if (elapsed <= 5000) {
       this.score += 500;
+      this.timePoints = 500;
     } else if (elapsed <= 10000) {
       this.score += 100;
+      this.timePoints = 100;
     }
   }
 
@@ -130,18 +143,100 @@ export class Quiz {
 
     if (this.correctStreak === 2) {
       this.score += 200;
+      this.streakPoints = 300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
     } else if (this.correctStreak === 3) {
       this.score += 300;
-    } else if (this.correctStreak === 5) {
+      this.streakPoints = 400;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    } else if (this.correctStreak === 4) {
+      this.score += 300;
+      this.streakPoints = 400;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 5) {
+      this.score += 800;
+      this.streakPoints = 900;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    } else if (this.correctStreak === 6) {
+      this.score += 800;
+      this.streakPoints = 900;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 7) {
+      this.score += 800;
+      this.streakPoints = 900;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 8) {
+      this.score += 800;
+      this.streakPoints = 900;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 9) {
       this.score += 800;
-    } else if (this.correctStreak === 10) {
+      this.streakPoints = 900;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 10) {
       this.score += 1200;
+      this.streakPoints = 1300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 11) {
+      this.score += 1200;
+      this.streakPoints = 1300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 12) {
+      this.score += 1200;
+      this.streakPoints = 1300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 13) {
+      this.score += 1200;
+      this.streakPoints = 1300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    }else if (this.correctStreak === 14) {
+      this.score += 1200;
+      this.streakPoints = 1300;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
     } else if (this.correctStreak === 15) {
       this.score += 1500;
+      this.streakPoints = 1600;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
     } else if (this.correctStreak > 15) {
       this.score += 1500; // Add 1500 points for each additional correct answer beyond 15
-    } else {
-      this.correctStreak = 1; // Reset the streak if the answer is not consecutive
+      this.streakPoints = 1600;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
+    } else if (this.correctStreak = 1){
+      this.score += 100;// Reset the streak if the answer is not consecutive
+      this.streakPoints = 200;
+      this.bonusPoints = this.streakPoints + this.timePoints
+      this.displayText = "+" + this.bonusPoints;
+      document.getElementById("addPoints").textContent = this.displayText;
     }
   }
 }
diff --git a/js/christmas-songs.js b/js/christmas-songs.js
index a6d1af9..0cbec45 100644
--- a/js/christmas-songs.js
+++ b/js/christmas-songs.js
@@ -1,67 +1,46 @@
-// Song URL
-const songs = [
-  "/music/christmas/AVeryMogulChristmas.mp3",
-  "/music/christmas/FelizNavidad.mp3",
-  "/music/christmas/DeckTheHalls.mp3",
-  "/music/christmas/It'sThatTimeOfTheYear.mp3",
-];
-
-// Initialize DOM variables
-let audioElement = document.getElementById("my_audio");
-let musicOnButton = document.getElementById("musicOnButton");
-let musicOffButton = document.getElementById("musicOffButton");
-
-// Define the playMusic function, handling the music
-const playMusic = () => {
-  // Define the song and its URL
-  let randomIndex = Math.floor(Math.random() * songs.length);
-  let audioSource = document.getElementById("audio_source");
-
-  // Load the song info into the audioElement
-  audioSource.src = songs[randomIndex];
-  audioElement.load();
-
-  // Update the AudioElement to handle playing the song
-  audioElement.addEventListener(
-    "canplaythrough",
-    () => {
-      try {
-        audioElement.play();
-        musicOnButton.style.display = "none";
-        musicOffButton.style.display = "block";
-      } catch (err) {
+var songs = [
+    "/music/christmas/AVeryMogulChristmas.mp3",
+    "/music/christmas/FelizNavidad.mp3",
+    "/music/christmas/DeckTheHalls.mp3",
+    "/music/christmas/It'sThatTimeOfTheYear.mp3",
+  ];
+
+  var audioElement = document.getElementById('my_audio');
+  var musicOnButton = document.getElementById('musicOnButton');
+
+  function playMusic() {
+    var randomIndex = Math.floor(Math.random() * songs.length);
+    var audioSource = document.getElementById('audio_source');
+    audioSource.src = songs[randomIndex];
+    audioElement.load();
+
+    audioElement.addEventListener('canplaythrough', function() {
+      audioElement.play().catch(function(error) {
+        console.log('Error playing audio:', error);
         pauseMusic();
-        throw err;
-      }
-    },
-    { once: true }
-  );
+      });
+      musicOnButton.style.display = 'none';
+    }, { once: true });
 
-  // Update the AudioElement to handle pausing the song
-  audioElement.addEventListener("pause", function () {
-    musicOnButton.style.display = "block";
-    musicOffButton.style.display = "none";
-  });
-};
+    audioElement.addEventListener('pause', function() {
+      musicOnButton.style.display = 'block';
+    });
+  }
 
-// Define the pauseMusic function, handling the commands to stop the music
-const pauseMusic = () => {
-  audioElement.pause();
-  musicOnButton.style.display = "block";
-  musicOffButton.style.display = "none";
-};
+  function pauseMusic() {
+    audioElement.pause();
+    musicOnButton.style.display = 'block';
+  }
 
-// Define the toggleMusic function, handling the commands to toggle
-// the buttons "musicOnButton" and "musicOffButton"
-const toggleMusic = () => {
-  if (audioElement.paused) {
-    playMusic();
-  } else {
-    pauseMusic();
+  function toggleMusic() {
+    if (audioElement.paused) {
+      playMusic();
+    } else {
+      pauseMusic();
+    }
   }
-};
 
-// Play music on page load
-window.addEventListener("load", () => {
-  playMusic();
-});
+  // Play music on page load
+  window.addEventListener('load', function() {
+    playMusic();
+  });
\ No newline at end of file
diff --git a/js/data/index.js b/js/data/index.js
index 970084f..71e768f 100644
--- a/js/data/index.js
+++ b/js/data/index.js
@@ -20,7 +20,6 @@ import footballQA from "./football.js";
 
 import fruitQA from "./fruit.js";
 import generalQA from "./general.js";
-import instrumentsQA from "./instruments.js";
 import kendallQA from "./kendall_quiz.js";
 
 import minecraftQA from "./minecraft.js";
@@ -46,7 +45,6 @@ export {
   footballQA,
   fruitQA,
   generalQA,
-  instrumentsQA,
   kendallQA,
   minecraftQA,
   presidentsQA,
@@ -57,4 +55,4 @@ export {
   youtubeQA,
   TheOdd1sOutQA,
   JaidenAnimationsQA,
-};
\ No newline at end of file
+};
diff --git a/js/data/instruments.js b/js/data/instruments.js
deleted file mode 100644
index 86e0582..0000000
--- a/js/data/instruments.js
+++ /dev/null
@@ -1,82 +0,0 @@
-export default [
-  {
-    question: "Which instrument is a member of the woodwind family?",
-    choice1: "Trumpet",
-    choice2: "Clarinet",
-    choice3: "Violin",
-    choice4: "Drums",
-    answer: 2,
-  },
-  {
-    question: "Which of these instruments is a member of the percussion family?",
-    choice1: "Piano",
-    choice2: "Saxophone",
-    choice3: "Flute",
-    choice4: "Bongo drums",
-    answer: 4,
-  },
-  {
-    question: "Which stringed instrument is played with a bow?",
-    choice1: "Guitar",
-    choice2: "Cello",
-    choice3: "Trumpet",
-    choice4: " Trombone",
-    answer: 2,
-  },
-  {
-    question: "What is the primary material used to make the body of a classical guitar?",
-    choice1: "Plastic",
-    choice2: "Metal",
-    choice3: "Wood",
-    choice4: "Carbon fiber",
-    answer: 3,
-  },
-  {
-    question: "Which instrument has keys, pedals, and strings and is often used in classical music?",
-    choice1: "Harp",
-    choice2: "Accordion",
-    choice3: "Bagpipes",
-    choice4: "Banjo",
-    answer: 1,
-  },
-  {
-    question: "The 'King of Instruments' is a nickname for which musical instrument?",
-    choice1: "Trumpet",
-    choice2: "Piano",
-    choice3: "Organ",
-    choice4: "Saxophone",
-    answer: 3,
-  },
-  {
-    question: " Which brass instrument has the highest pitch?",
-    choice1: "Trombone",
-    choice2: "French horn",
-    choice3: "Tuba",
-    choice4: "Trumpet",
-    answer: 4,
-  },
-  {
-    question: " Which instrument is used as the lead melodic instrument in traditional Indian classical music?",
-    choice1: "Sitar",
-    choice2: "Tabla",
-    choice3: "Bansuri (Indian flute)",
-    choice4: "Sarod",
-    answer: 1,
-  },
-  {
-    question: "Which percussion instrument consists of small metal discs mounted in a circular frame?",
-    choice1: "Tambourine",
-    choice2: "Maracas",
-    choice3: "Djembe",
-    choice4: "Conga",
-    answer: 1,
-  },
-  {
-    question: "Which instrument is known for its unique sliding sound and is often associated with Hawaiian music?",
-    choice1: "Ukulele",
-    choice2: "Didgeridoo",
-    choice3: "Steel guitar",
-    choice4: "Bagpipe",
-    answer: 3,
-  },
-];
\ No newline at end of file
diff --git a/js/rules.js b/js/rules.js
index cf00fd5..afa4c86 100644
--- a/js/rules.js
+++ b/js/rules.js
@@ -1,3 +1,4 @@
 document.querySelector(".go-back").addEventListener("click", () => {
-  window.history.back();
-});
+    window.history.back();
+  });
+  
\ No newline at end of file
diff --git a/js/songs.js b/js/songs.js
index 2d95876..35cf838 100644
--- a/js/songs.js
+++ b/js/songs.js
@@ -1,61 +1,53 @@
-const songs = [
-  "/music/apc.mp3",
-  "/music/beachvibes.mp3",
-  "/music/bliss.mp3",
-  "/music/Fluffing-a-Duck.mp3",
-  "/music/happyafricanvillage.mp3",
-  "/music/happyandjoyfulchildren.mp3",
-  "/music/newlands.mp3",
-  "/music/sotb.mp3",
-  "/music/tropicalfever.mp3",
-  "/music/tropicalsoul.mp3",
-  "/music/ukulele.mp3",
-];
+var songs = [
+    "/music/apc.mp3",
+    "/music/beachvibes.mp3",
+    "/music/bliss.mp3",
+    "/music/Fluffing-a-Duck.mp3",
+    "/music/happyafricanvillage.mp3",
+    "/music/happyandjoyfulchildren.mp3",
+    "/music/newlands.mp3",
+    "/music/sotb.mp3",
+    "/music/tropicalfever.mp3",
+    "/music/tropicalsoul.mp3",
+    "/music/ukulele.mp3",
+  ];
 
-let audioElement = document.getElementById("my_audio");
-let musicOnButton = document.getElementById("musicOnButton");
-let musicOffButton = document.getElementById("musicOffButton");
+  var audioElement = document.getElementById('my_audio');
+  var musicOnButton = document.getElementById('musicOnButton');
 
-const playMusic = () => {
-  var randomIndex = Math.floor(Math.random() * songs.length);
-  var audioSource = document.getElementById("audio_source");
-  audioSource.src = songs[randomIndex];
-  audioElement.load();
+  function playMusic() {
+    var randomIndex = Math.floor(Math.random() * songs.length);
+    var audioSource = document.getElementById('audio_source');
+    audioSource.src = songs[randomIndex];
+    audioElement.load();
 
-  audioElement.addEventListener(
-    "canplaythrough",
-    () => {
-      audioElement.play().catch((error) => {
-        console.log("Error playing audio:", error);
+    audioElement.addEventListener('canplaythrough', function() {
+      audioElement.play().catch(function(error) {
+        console.log('Error playing audio:', error);
         pauseMusic();
       });
-      musicOnButton.style.display = "none";
-      musicOffButton.style.display = "block";
-    },
-    { once: true }
-  );
+      musicOnButton.style.display = 'none';
+    }, { once: true });
 
-  audioElement.addEventListener("pause", () => {
-    musicOnButton.style.display = "block";
-    musicOffButton.style.display = "none";
-  });
-};
+    audioElement.addEventListener('pause', function() {
+      musicOnButton.style.display = 'block';
+    });
+  }
 
-const pauseMusic = () => {
-  audioElement.pause();
-  musicOnButton.style.display = "block";
-  musicOffButton.style.display = "none";
-};
+  function pauseMusic() {
+    audioElement.pause();
+    musicOnButton.style.display = 'block';
+  }
 
-const toggleMusic = () => {
-  if (audioElement.paused) {
-    playMusic();
-  } else {
-    pauseMusic();
+  function toggleMusic() {
+    if (audioElement.paused) {
+      playMusic();
+    } else {
+      pauseMusic();
+    }
   }
-};
 
-// Play music on page load
-window.addEventListener("load", () => {
-  playMusic();
-});
+  // Play music on page load
+  window.addEventListener('load', function() {
+    playMusic();
+  });
\ No newline at end of file
diff --git a/js/topics.js b/js/topics.js
index 44a1b24..7d9ad9f 100644
--- a/js/topics.js
+++ b/js/topics.js
@@ -1,8 +1,8 @@
-const toggleHidde = (containerId) => {
+function toggleHidde(containerId) {
   // removes one & adds the other
   document.getElementById(containerId).classList.toggle("hide");
   document.getElementById(containerId).classList.toggle("show");
-};
+}
 
 document
   .getElementById("technology")
diff --git a/package-lock.json b/package-lock.json
index 2674e90..262a549 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,3 @@
 {
-  "name": "quiz",
-  "version": "8.0.1",
-  "lockfileVersion": 2,
-  "requires": true,
-  "packages": {
-    "": {
-      "version": "8.0.1"
-    }
-  }
-}
+  "version": "8.0.1"
+ }
diff --git a/pages/browsers/game.html b/pages/browsers/game.html
index 3b2fc82..157803b 100644
--- a/pages/browsers/game.html
+++ b/pages/browsers/game.html
@@ -1,12 +1,15 @@
 <!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/Tech.ico">
+    <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/Tech.ico" />
 
     <title>Quiz Page - Browsers</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/christmas/game.html b/pages/christmas/game.html
index 47ad73f..82cd5e3 100644
--- a/pages/christmas/game.html
+++ b/pages/christmas/game.html
@@ -1,12 +1,15 @@
 <!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/Festival.ico">
+    <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/Festival.ico" />
 
     <title>Quiz Page - Christmas</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/computer_parts/game.html b/pages/computer_parts/game.html
index c9a3941..80a7be9 100644
--- a/pages/computer_parts/game.html
+++ b/pages/computer_parts/game.html
@@ -1,12 +1,15 @@
 <!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/Tech.ico">
+    <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/Tech.ico" />
 
     <title>Quiz Page - Computer Parts</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/countries/game.html b/pages/countries/game.html
index 4c97cfb..248dda2 100644
--- a/pages/countries/game.html
+++ b/pages/countries/game.html
@@ -1,13 +1,19 @@
 <!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/General Knowledge.ico">
-
+    <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/General Knowledge.ico"
+    />
 
     <title>Quiz Page - Countries</title>
 
@@ -21,7 +27,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -40,6 +49,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -63,12 +74,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/disney/game.html b/pages/disney/game.html
index 7013b54..881dc47 100644
--- a/pages/disney/game.html
+++ b/pages/disney/game.html
@@ -1,12 +1,15 @@
 <!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">
+    <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 - Disney</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/easter/game.html b/pages/easter/game.html
index 5a900c9..60e2667 100644
--- a/pages/easter/game.html
+++ b/pages/easter/game.html
@@ -1,12 +1,15 @@
 <!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/Festival.ico">
+    <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/Festival.ico" />
 
     <title>Quiz Page - Easter</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/football/game.html b/pages/football/game.html
index d39e98e..f5ffd8d 100644
--- a/pages/football/game.html
+++ b/pages/football/game.html
@@ -1,12 +1,15 @@
 <!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/Game.ico">
+    <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/Game.ico" />
 
     <title>Quiz Page - Football</title>
 
@@ -20,11 +23,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-    
   </head>
 
   <body>
@@ -40,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -63,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/fruit/game.html b/pages/fruit/game.html
index cf9487b..7de203d 100644
--- a/pages/fruit/game.html
+++ b/pages/fruit/game.html
@@ -1,12 +1,15 @@
 <!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">
+    <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 - Fruit</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/game.html b/pages/game.html
index ec78967..657b1be 100644
--- a/pages/game.html
+++ b/pages/game.html
@@ -1,12 +1,15 @@
 <!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">
+    <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" />
@@ -15,14 +18,14 @@
       import { gameQA } from "../js/data/index.js";
       import { Quiz } from "../js/QuizClass.js";
 
-
-
       const QuizInstance = new Quiz(gameQA);
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
-
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -41,6 +44,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -64,12 +69,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/general_knowledge/game.html b/pages/general_knowledge/game.html
index ab2b521..2b71e04 100644
--- a/pages/general_knowledge/game.html
+++ b/pages/general_knowledge/game.html
@@ -1,12 +1,19 @@
 <!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/General Knowledge.ico">
+    <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/General Knowledge.ico"
+    />
 
     <title>Quiz Page - General Knowledge</title>
 
@@ -21,11 +28,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -41,6 +50,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -64,12 +75,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/instruments/game.html b/pages/instruments/game.html
deleted file mode 100644
index 40116a9..0000000
--- a/pages/instruments/game.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<!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" />
-
-    <title>Quiz Page - instruments</title>
-
-    <link rel="stylesheet" href="../../css/index.css" />
-    <link rel="stylesheet" href="../../css/game.css" />
-    <script type="module" defer>
-      import { instrumentsQA } from "../../js/data/index.js";
-      import { Quiz } from "../../js/QuizClass.js";
-
-      const QuizInstance = new Quiz(instrumentsQA);
-
-      document.addEventListener("click", (e) => {
-        if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
-        }
-      });
-    </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>
-          <div class="hud-item">
-            <p class="hud-prefix">Score</p>
-            <h1 class="hud-main-text" id="score">0</h1>
-          </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 1</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>
-    </div>
-  </body>
-  <script src="/js/songs.js"></script>
-</html>
\ No newline at end of file
diff --git a/pages/instruments/index.html b/pages/instruments/index.html
deleted file mode 100644
index 46a20a4..0000000
--- a/pages/instruments/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <title>Instruments Quiz Game - Home Page</title>
-
-    <link rel="stylesheet" href="../../css/index.css" />
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
-      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
-    <!-- Google Analytics -->
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-55DLRTJ04T"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-
-      gtag("config", "G-55DLRTJ04T");
-    </script>
-    
-  </head>
-
-  <body>
-    <div class="container">
-      <div id="home" class="flex-column flex-center">
-        <h1>Are you Ready?</h1>
-        <h2 class="white-title">Instruments Quiz!</h2>
-
-        <a href="./game.html" class="btn">Play<i class="fas fa-play-circle"></i></a>
-
-        <a href="../topics.html" id="topics-btn" class="btn">Topics</a>
-
-        <a href="../highscores.html" id="highscore-btn" class="btn">High Scores<i class="fas fa-crown"></i></a>
-
-        <a href="../rules.html" id="rules-btn" class="btn">Rules & Info<i class="fas fa-info-circle"></i></a>
-
-        <a href="../suggestion.html" id="suggestion-btn" class="btn">Question Suggestion<i class="fas fa-edit"></i></a>
-
-      </div>
-    </div>
-  </body>
-
-</html>
\ No newline at end of file
diff --git a/pages/jaidenanimations/game.html b/pages/jaidenanimations/game.html
index 3ef607b..4f55491 100644
--- a/pages/jaidenanimations/game.html
+++ b/pages/jaidenanimations/game.html
@@ -1,12 +1,15 @@
 <!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/Youtube.ico">
+    <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/Youtube.ico" />
 
     <title>Quiz Page - Jaiden Animations</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/kendall-quiz/game.html b/pages/kendall-quiz/game.html
index 160de1d..c03d3f0 100644
--- a/pages/kendall-quiz/game.html
+++ b/pages/kendall-quiz/game.html
@@ -1,12 +1,15 @@
 <!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">
+    <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 - How Well Do You Know Kendall Quiz</title>
 
@@ -21,11 +24,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -41,6 +46,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -64,12 +71,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/minecraft/game.html b/pages/minecraft/game.html
index ecd46e3..1cc1637 100644
--- a/pages/minecraft/game.html
+++ b/pages/minecraft/game.html
@@ -1,12 +1,15 @@
 <!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/Game.ico">
+    <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/Game.ico" />
 
     <title>Quiz Page - Minecraft</title>
 
@@ -21,11 +24,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -41,6 +46,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -64,12 +71,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/presidents/game.html b/pages/presidents/game.html
index 91f9ae1..f0176d4 100644
--- a/pages/presidents/game.html
+++ b/pages/presidents/game.html
@@ -1,14 +1,21 @@
 <!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="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
+      crossorigin="anonymous"
+    />
 
     <title>Quiz Page - Presidents</title>
-    <link rel="icon" type="image/x-icon" href="../../images/General Knowledge.ico">
+    <link
+      rel="icon"
+      type="image/x-icon"
+      href="../../images/General Knowledge.ico"
+    />
 
     <link rel="stylesheet" href="../../css/index.css" />
     <link rel="stylesheet" href="../../css/game.css" />
@@ -20,11 +27,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -40,6 +49,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -61,16 +72,25 @@ <h1 id="question">What is the answer to this question</h1>
         </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">
+      <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+      <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>
     </div>
-  </div>
-</body>
-<script src="/js/songs.js"></script>
+  </body>
+  <script src="/js/songs.js"></script>
 </html>
diff --git a/pages/programming_language/game.html b/pages/programming_language/game.html
index d09e9a0..1a37ee7 100644
--- a/pages/programming_language/game.html
+++ b/pages/programming_language/game.html
@@ -1,12 +1,15 @@
 <!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/Tech.ico">
+    <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/Tech.ico" />
 
     <title>Quiz Page - Programming Language</title>
 
@@ -20,11 +23,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -40,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -63,14 +70,23 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
   <script src="/js/songs.js"></script>
-  </html>
+</html>
diff --git a/pages/roblox/game.html b/pages/roblox/game.html
index aed1d3e..7441562 100644
--- a/pages/roblox/game.html
+++ b/pages/roblox/game.html
@@ -1,12 +1,15 @@
 <!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/Game.ico">
+    <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/Game.ico" />
 
     <title>Quiz Page - Roblox</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/tech/game.html b/pages/tech/game.html
index fc1dc28..d92df11 100644
--- a/pages/tech/game.html
+++ b/pages/tech/game.html
@@ -1,12 +1,15 @@
 <!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/Tech.ico">
+    <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/Tech.ico" />
 
     <title>Quiz Page - Tech</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/theodd1sout/game.html b/pages/theodd1sout/game.html
index dd674d7..a0ae965 100644
--- a/pages/theodd1sout/game.html
+++ b/pages/theodd1sout/game.html
@@ -1,12 +1,15 @@
 <!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/Youtube.ico">
+    <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/Youtube.ico" />
 
     <title>Quiz Page - TheOdd1sOut</title>
 
@@ -20,7 +23,10 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
@@ -39,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -62,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>
diff --git a/pages/topics.html b/pages/topics.html
index 477b40d..802e65d 100644
--- a/pages/topics.html
+++ b/pages/topics.html
@@ -90,7 +90,6 @@ <h1>Quiz Topics</h1>
         <a href="./fruit/index.html" id="fruit-btn" class="btn">Fruit Quiz <i class="fas fa-apple-alt"></i></a>
         <a href="./kendall-quiz/index.html" id="hwdyk-btn" class="btn">How Well Do You Know Kendall Quiz<i
             class="fas fa-question"></i></a>
-        <a href="./instruments/index.html" id="instrum-btn" class="btn">Instrument Quiz<i class="fa-solid fa-piano"></i></a>
       </div>
     </div>
   </body>
diff --git a/pages/youtube/game.html b/pages/youtube/game.html
index 9774ccd..e6723e4 100644
--- a/pages/youtube/game.html
+++ b/pages/youtube/game.html
@@ -1,12 +1,15 @@
 <!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/Youtube.ico">
+    <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/Youtube.ico" />
 
     <title>Quiz Page - YouTube</title>
 
@@ -20,11 +23,13 @@
 
       document.addEventListener("click", (e) => {
         if (e.target.dataset.number) {
-          QuizInstance.checkAnswer(+e.target.dataset.number, QuizInstance.answer);
+          QuizInstance.checkAnswer(
+            +e.target.dataset.number,
+            QuizInstance.answer
+          );
         }
       });
     </script>
-
   </head>
 
   <body>
@@ -40,6 +45,8 @@
           <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>
         <h1 id="question">What is the answer to this question</h1>
@@ -63,12 +70,21 @@ <h1 id="question">What is the answer to this question</h1>
     </div>
     <div class="music">
       <audio loop="loop" id="my_audio" preload="auto" autoplay>
-        <source id="audio_source" src="" type="audio/mpeg">
+        <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" id="musicOffButton"> Music Off <i class="fas fa-light fa-volume-off"></i></a>
+        <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>
     </div>
   </body>