diff --git a/index.html b/index.html
index 60e75fa..f15bb2a 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,8 @@ <h4 class="time--stat" style="text-align:center">
         time:<span id="timer">0</span>
       </span>
     </h3>
-    <section class="memory-game">
+
+    <section id="easy" class="memory-game">
         <div class="memory-card">
           <img class="front-face" src="#" alt="card front face" />
           <img class="back-face" src="images/cover.png" alt="card cover" />
@@ -35,8 +36,208 @@ <h4 class="time--stat" style="text-align:center">
           <img class="front-face" src="#" alt="card front face" />
           <img class="back-face" src="images/cover.png" alt="card cover" />
         </div>
-        <div class="memory-card" data-character="mask"> 
-          <img class="front-face" src="images/mask.png" alt="mask" />
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        
+      </section>
+
+
+      <section id="medium" class="memory-game">
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+      </section>
+
+      <section id="hard" class="memory-game">
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
+          <img class="back-face" src="images/cover.png" alt="card cover" />
+        </div>
+        <div class="memory-card">
+          <img class="front-face" src="#" alt="card front face" />
           <img class="back-face" src="images/cover.png" alt="card cover" />
         </div>
         <div class="memory-card">
@@ -73,5 +274,7 @@ <h4 class="time--stat" style="text-align:center">
         </div>
         
       </section>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/index.js b/index.js
index da6ae3b..98c87f3 100644
--- a/index.js
+++ b/index.js
@@ -1,5 +1,7 @@
+
 function restartGame(){
     window.location.reload()
+
 }
 
 // Wrapping entire code in anonymous function and calling it, so that user doesn't have access to cardImageSrcs
@@ -14,6 +16,22 @@ function restartGame(){
     bestTimer.innerHTML = "<b>" + (bestScore == null ? "-" : bestScore) + "</b>";
     let counter = 0;
     //increasing the counter
+    var level = prompt("Enter the difficulty lable of your game : "); 
+
+    var req_score = 0;
+    if(level === "easy"){
+        document.getElementById("hard").style.display = "none";
+        document.getElementById("medium").style.display = "none";
+        req_score = 6;
+    }else if(level === "hard"){
+        document.getElementById("easy").style.display = "none";
+        document.getElementById("medium").style.display = "none";
+        req_score = 14;
+    }else{
+        document.getElementById("easy").style.display = "none";
+        document.getElementById("hard").style.display = "none";
+         req_score = 10;
+    }
 
     const interval = setInterval(function(){
         counter++;
@@ -23,26 +41,51 @@ function restartGame(){
 
     // Storing image sources for list of cards
     // Storing it as a list and not a matrix to make it a bit difficult to map list to the 3x4 grid
+   
+
     const cardImageSrcs = [
         'images/cards/inosuke.png',
         'images/cards/nezuko.png',
         'images/cards/rengoku.png',
-        'images/cards/mask.png',
         'images/cards/tanjiro.png',
         'images/cards/zenitsu.png',
+        'images/cards/mask.png',
         'images/cards/inosuke.png',
         'images/cards/nezuko.png',
         'images/cards/rengoku.png',
+        'images/cards/tanjiro.png',
+        'images/cards/zenitsu.png',
         'images/cards/mask.png',
+
+        'images/cards/rengoku.png',
+        'images/cards/tanjiro.png',
+        'images/cards/zenitsu.png',
+        'images/cards/inosuke.png',
+        'images/cards/rengoku.png',
         'images/cards/tanjiro.png',
         'images/cards/zenitsu.png',
+        'images/cards/inosuke.png',
+
+        'images/cards/inosuke.png',
+        'images/cards/zenitsu.png',
+        'images/cards/mask.png',
+        'images/cards/nezuko.png',
+        'images/cards/mask.png',
+        'images/cards/inosuke.png',
+        'images/cards/zenitsu.png',
+        'images/cards/nezuko.png',
     ];
+
+
     const flippedCards = []
     let matched=0;
 
     function shuffle(array) {
+
         let currentIndex = array.length,  randomIndex;
-    
+    if(level === "easy") currentIndex = 12;
+    else if(level === "hard") currentIndex = 28;
+    else currentIndex = 20;
         // While there remain elements to shuffle.
         while (currentIndex != 0) {
     
@@ -64,7 +107,7 @@ function restartGame(){
         if(flippedCards[0].children[0].src===flippedCards[1].children[0].src) // Checking if the flipped cards have same src i.e are matching
         {        
             matched++;
-            if(matched===6)
+            if(matched===req_score)
             {
                 alert("hurrah! you did it")
                 //print the updated best score on the page
@@ -120,4 +163,3 @@ function restartGame(){
     })
 })();
 
-