diff --git a/main/level_2/amazon.html b/main/level_2/amazon.html
index 8883383..73d9aa7 100644
--- a/main/level_2/amazon.html
+++ b/main/level_2/amazon.html
@@ -8,19 +8,81 @@
     <title>Amazon Voucher</title>
     <link rel="stylesheet" href="css/amazon.css">
     <link rel="shortcut icon" href="assets/FREE GAMEZZ.png" type="image/x-icon">
+    <style>
+        #phishing-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #f0f0f0;
+        }
+
+        #phishing-email {
+            max-width: 500px;
+            padding: 20px;
+            background-color: white;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+            text-align: center;
+            font-family: 'Arial', sans-serif;
+        }
+
+        h2 {
+            font-family: 'Comic Sans MS', cursive;
+            color: blue;
+        }
+
+        p {
+            font-size: 1.1em;
+        }
+
+        button {
+            font-family: 'Comic Sans MS', cursive;
+            padding: 10px 20px;
+            margin: 10px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        #claim-button {
+            background-color: limegreen;
+            color: white;
+        }
+
+        #claim-button-red {
+            background-color: red;
+            color: white;
+        }
+
+        h3 {
+            color: red;
+            font-family: 'Arial', sans-serif;
+        }
+    </style>
 </head>
 
 <body>
     <div id="phishing-container">
         <div id="phishing-email">
-            <img src="assets/FREE GAMEZZ.png" alt="aAmazon">
-            <h2>Check out this amazing Application!</h2>
-            <p>Dear User, Download the application now and get flat 80% of on all Prime Games.</p>
-            <button onclick="location.href='hint_2.html'" id="claim-button">Download</button>
-            <button onclick="location.href='question.html'" id="claim-button-red">Quit</button>
+            <h3>Note: This is just part of a fun game and lesson! It's not real. Always think before downloading apps!
+            </h3>
+            <img style="width: 200px; height: 200px;" src="assets/FREE GAMEZZ.png" alt="Free Games Offer">
+
+            <h2>Check Out This Super Cool App! (But Wait...)</h2>
+
+            <p>
+                Hello there! Guess what? You can get an amazing app and enjoy <span style="color: forestgreen;">80%
+                    off</span> on all Prime Games! <br>
+                Sounds too good to be true, right? Before downloading anything, remember: Always check if the app is
+                safe. Don’t fall for sneaky traps!
+            </p>
+
+            <button onclick="location.href='hint_2.html'" id="claim-button">See What Happens</button>
+            <button onclick="location.href='question.html'" id="claim-button-red">Take Me Back</button>
         </div>
     </div>
-
 </body>
 
+
 </html>
\ No newline at end of file
diff --git a/main/level_2/question.html b/main/level_2/question.html
index 95621a4..86625fc 100644
--- a/main/level_2/question.html
+++ b/main/level_2/question.html
@@ -1,61 +1,105 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Question</title>
-    <link rel="icon" href="assets/favicon.png" />
-    <link rel="stylesheet" href="css/question.css" />
-    <link rel="stylesheet" href="css/game.css" />
-  </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>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Question</title>
+  <link rel="icon" href="assets/favicon.png" />
+  <link rel="stylesheet" href="css/question.css" />
+  <link rel="stylesheet" href="css/game.css" />
+  <style>
+    .explanation-container {
+      padding: 20px;
+      margin-top: 10px;
+      background-color: #f9f9f9;
+      border-radius: 8px;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    }
+
+    .explanation-text {
+      font-size: 16px;
+      color: #333;
+    }
+
+    .retry-button {
+      font-size: 16px;
+      padding: 10px 20px;
+      margin-top: 10px;
+      margin-bottom: 16px;
+      cursor: pointer;
+      background-color: #007bff;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      transition: background-color 0.3s ease;
+    }
+
+    .retry-button:hover {
+      background-color: #0056b3;
+    }
+  </style>
+</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 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 2</p>
-        </div>
-        <div class="choice-container">
-          <p class="choice-prefix">D</p>
-          <p class="choice-text" data-number="4">Choice 2</p>
+        <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 id="explanation" class="hidden explanation-container">
+        <p id="explanationText" class="explanation-text"></p>
+        <button id="retryButton" class="retry-button" onclick="retryQuestion()">Retry</button>
+      </div>
     </div>
-    <script>
-      const question = document.querySelector("#question");
-      const choices = Array.from(document.querySelectorAll(".choice-text"));
-      const progressText = document.querySelector("#progressText");
-      const scoreText = document.querySelector("#score");
-      const progressBarFull = document.querySelector("#progressBarFull");
-
-      let currentQuestion = {};
-      let acceptingAnswers = true;
-      let score = 0;
-      let questionCounter = 0;
-      let availableQuestions = [];
-
-      let questions = [
+  </div>
+
+  <script>
+    const question = document.querySelector("#question");
+    const choices = Array.from(document.querySelectorAll(".choice-text"));
+    const progressText = document.querySelector("#progressText");
+    const scoreText = document.querySelector("#score");
+    const progressBarFull = document.querySelector("#progressBarFull");
+    const explanationElement = document.querySelector("#explanation");
+    const explanationText = document.querySelector("#explanationText");
+    const retryButton = document.querySelector("#retryButton");
+
+    let currentQuestion = {};
+    let acceptingAnswers = true;
+    let score = 0;
+    let questionCounter = 0;
+    let availableQuestions = [];
+    let retries = 0; // Track retries for each question
+
+    let questions = [
       {
         question: "What is malware?",
         choice1: "Malware is harmless software that boosts your computer's performance.",
@@ -63,89 +107,111 @@ <h1 id="question">What is the answer to this question</h1>
         choice3: "Malware is malicious software intended to damage or disable computers and systems.",
         choice4: "Malware is software that provides free games and applications.",
         answer: 3,
-    },
-        {
+        explanation: "Malware is software that is harmful and can damage your system."
+      },
+      {
         question: "Choose the correct option based on the new game software download scenario 🎮💻",
         choice1: "It's from an official-looking website, so it's definitely safe to download and install.",
         choice2: "No, it's not secure. It might be malware disguised as a game.",
         choice3: "I trust this game software completely and will share it with all my friends.",
         choice4: "The website has a professional design. I don't need to worry about security.",
         answer: 2,
-    },
-      ];
-
-      const SCORE_POINTS = 200;
-      const MAX_QUESTIONS = 2;
-
-      startGame = () => {
-        questionCounter = 0;
-        score = 0;
-        availableQuestions = [...questions];
-        getNewQuestion();
-      };
-
-      getNewQuestion = () => {
-        if (
-          availableQuestions.length === 0 ||
-          questionCounter > MAX_QUESTIONS
-        ) {
-          localStorage.setItem("mostRecentScore", score);
-
-          return window.location.assign("save_game.html");
-        }
+        explanation: "Even professional-looking websites can distribute malware, so it's always important to verify the source."
+      }
+    ];
+
+    const SCORE_POINTS = 200;
+    const MAX_QUESTIONS = 2;
 
-        questionCounter++;
-        progressText.innerText = `Question ${questionCounter} of ${MAX_QUESTIONS}`;
-        progressBarFull.style.width = `${
-          (questionCounter / MAX_QUESTIONS) * 100
-        }%`;
+    startGame = () => {
+      questionCounter = 0;
+      score = 0;
+      retries = 0;
+      availableQuestions = [...questions];
+      getNewQuestion();
+    };
 
-        const questionsIndex = Math.floor(
-          Math.random() * availableQuestions.length
-        );
-        currentQuestion = availableQuestions[questionsIndex];
-        question.innerText = currentQuestion.question;
+    getNewQuestion = () => {
+      retries = 0;
+      explanationElement.classList.add("hidden");
 
-        choices.forEach((choice) => {
-          const number = choice.dataset["number"];
-          choice.innerText = currentQuestion["choice" + number];
-        });
+      if (questionCounter >= MAX_QUESTIONS) {
+        localStorage.setItem("mostRecentScore", score);
+        return window.location.assign("save_game.html");
+      }
 
-        availableQuestions.splice(questionsIndex, 1);
+      questionCounter++;
+      progressText.innerText = `Question ${questionCounter} of ${MAX_QUESTIONS}`;
+      progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
 
-        acceptingAnswers = true;
-      };
+      currentQuestion = availableQuestions[questionCounter - 1];
+      question.innerText = currentQuestion.question;
 
       choices.forEach((choice) => {
-        choice.addEventListener("click", (e) => {
-          if (!acceptingAnswers) return;
+        const number = choice.dataset["number"];
+        choice.innerText = currentQuestion["choice" + number];
+        choice.parentElement.classList.remove("correct", "incorrect");
+      });
 
-          acceptingAnswers = false;
-          const selectedChoice = e.target;
-          const selectedAnswer = selectedChoice.dataset["number"];
+      acceptingAnswers = true;
+    };
 
-          let classToApply =
-            selectedAnswer == currentQuestion.answer ? "correct" : "incorrect";
+    choices.forEach((choice) => {
+      choice.addEventListener("click", (e) => {
+        if (!acceptingAnswers) return;
 
-          if (classToApply === "correct") {
-            incrementScore(SCORE_POINTS);
-          }
+        acceptingAnswers = false;
+        const selectedChoice = e.target;
+        const selectedAnswer = selectedChoice.dataset["number"];
+        let classToApply = selectedAnswer == currentQuestion.answer ? "correct" : "incorrect";
 
-          selectedChoice.parentElement.classList.add(classToApply);
+        selectedChoice.parentElement.classList.add(classToApply);
 
+        if (classToApply === "correct") {
+          incrementScore(SCORE_POINTS);
           setTimeout(() => {
-            selectedChoice.parentElement.classList.remove(classToApply);
             getNewQuestion();
           }, 1000);
-        });
+        } else {
+          if (retries === 0) {
+            retryButton.dataset.selectedChoice = selectedAnswer;
+            explanationElement.classList.remove("hidden");
+            explanationText.innerText = currentQuestion.explanation;
+            retries++;
+          } else {
+            setTimeout(() => {
+              getNewQuestion();
+            }, 1000);
+          }
+        }
       });
+    });
+
+    retryQuestion = () => {
+      if (retries !== 1) {
+        return; // Retry only allowed once per question
+      }
+
+      const selectedNumber = retryButton.dataset.selectedChoice;
+      const selectedChoice = document.querySelector(`[data-number="${selectedNumber}"]`);
+
+      if (!selectedChoice) {
+        console.error("Invalid choice selected.");
+        return;
+      }
+      selectedChoice.parentElement.classList.remove("incorrect");
+      explanationElement.classList.add("hidden");
+      acceptingAnswers = true;
+    };
+
+    incrementScore = (num) => {
+      score += num;
+      scoreText.innerText = score;
+    };
+
+    startGame();
+  </script>
+</body>
 
-      incrementScore = (num) => {
-        score += num;
-        scoreText.innerText = score;
-      };
 
-      startGame();
-    </script>
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/main/level_2/save_game.html b/main/level_2/save_game.html
index cad38d0..8d0aca0 100644
--- a/main/level_2/save_game.html
+++ b/main/level_2/save_game.html
@@ -9,6 +9,37 @@
     <link rel="stylesheet" href="css/question.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
         integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">
+    <style>
+        .modal-box {
+            display: none;
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background-color: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            width: 80%;
+            max-width: 500px;
+        }
+
+        .modal-box img {
+            max-width: 100%;
+            height: auto;
+        }
+
+        .modal-box .buttons {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+        }
+    </style>
 </head>
 
 <body>
@@ -27,16 +58,19 @@ <h2 id="end-text">ENTER YOUR NAME BELOW TO SAVE YOUR SCORE!</h2>
             </div>
         </div>
         <div class="modal-box">
-            <img src="assets/level_2.png" >
-            <h2>Mission Completed🏆</h2>
-            <h3>You have successfully completed this level,<br> but there is more to know.<br> Click "Next" to continue.</h3>
+            <img style="display: flex; justify-content: center;" src="assets/level_2.png">
+            <h2 style="text-align: center;">Mission Completed🏆</h2>
+            <h3>You have successfully completed this level,<br> but there is more to know.<br> Click "Next" to continue.
+            </h3>
 
-            <div class="buttons">
-                <button class="box-btn"><a href="phishing_awareness.html" style="text-decoration: none; color: #fff; font-size: 15px;">Next</a></button>
+            <div class="buttons" style="width: 100%;">
+                <button class="box-btn" style="margin: auto;"><a href="phishing_awareness.html"
+                        style="text-decoration: none; color: #fff; font-size: 15px;">Next</a></button>
             </div>
         </div>
     </section>
     <script preload="lazy" src="js/end.js"></script>
 </body>
 
+
 </html>
\ No newline at end of file
