diff --git a/Games/QuessNumber-1D6/index.html b/Games/QuessNumber-1D6/index.html
index 7209a61..a59ce18 100644
--- a/Games/QuessNumber-1D6/index.html
+++ b/Games/QuessNumber-1D6/index.html
@@ -10,22 +10,23 @@
     <title>Quess Number 1D6</title>
 </head>
 <body>
-    <h1>Guess The Number!</h1>
-    <h3>You are: <span id="answear"></span></h3>
-    <img src="./6.png" alt="" id="dice">
-    <div class="ques">
-        <p>Quess: </p>
-        <select id="num">
-            <option value="1">1</option>
-            <option value="2">2</option>
-            <option value="3">3</option>
-            <option value="4">4</option>
-            <option value="5">5</option>
-            <option value="6">6</option>
-        </select>
-    </div>
-
-    <button onclick="roll()">Roll<br>the<br>Dice!</button>
+    <article class="gameBack">
+        <h1>Guess The Number!</h1>
+        <h3>You are: <span id="answear"></span></h3>
+        <img src="./6.png" alt="" id="dice">
+        <div class="ques">
+            <p>Quess: </p>
+            <select id="num">
+                <option value="1">1</option>
+                <option value="2">2</option>
+                <option value="3">3</option>
+                <option value="4">4</option>
+                <option value="5">5</option>
+                <option value="6">6</option>
+            </select>
+        </div>
+        <button onclick="roll()">Roll<br>the<br>Dice!</button>
+    </article>
     <script src="main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Games/QuessNumber-1D6/mobile.jpg b/Games/QuessNumber-1D6/mobile.jpg
new file mode 100755
index 0000000..dabf86b
Binary files /dev/null and b/Games/QuessNumber-1D6/mobile.jpg differ
diff --git a/Games/QuessNumber-1D6/pc.jpg b/Games/QuessNumber-1D6/pc.jpg
new file mode 100755
index 0000000..f3d5613
Binary files /dev/null and b/Games/QuessNumber-1D6/pc.jpg differ
diff --git a/Games/QuessNumber-1D6/style.css b/Games/QuessNumber-1D6/style.css
index b989502..f8504d6 100644
--- a/Games/QuessNumber-1D6/style.css
+++ b/Games/QuessNumber-1D6/style.css
@@ -10,6 +10,10 @@ body{
     flex-direction: column;
     min-height: 100vh;
     background-color: #333;
+    background-image: url("./pc.jpg");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
     color: #fff;
     text-align: center;
 }
@@ -48,4 +52,25 @@ button{
 .lose{
     color: red;/*
     text-transform: uppercase;*/
+}
+
+.gameBack{
+    padding: 1rem;
+    height: 450px;
+    width: 300px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    flex-direction: column;
+    backdrop-filter: blur(5px);
+    border-radius: 50px;
+    box-shadow:
+        inset 10px 10px 20px #fff,
+        10px 10px 20px #333;
+}
+
+@media screen and (max-width: 500px){
+    body{
+        background-image: url("./mobile.jpg");
+    }
 }
\ No newline at end of file
