ayeeeruben
diff --git a/‎.DS_Store‎
0 Bytes b/‎.DS_Store‎
0 Bytes
diff --git a/‎hw2/.DS_Store‎
6 KB b/‎hw2/.DS_Store‎
6 KB
diff --git a/‎hw2/end.html‎
Lines changed: 8 additions & 10 deletions b/‎hw2/end.html‎
Lines changed: 8 additions & 10 deletions
diff --git a/‎hw2/end_style.css‎
Lines changed: 27 additions & 11 deletions b/‎hw2/end_style.css‎
Lines changed: 27 additions & 11 deletions
diff --git a/‎hw2/game_style.css‎
Lines changed: 2 additions & 1 deletion b/‎hw2/game_style.css‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎hw2/images/bgMenu.jpg‎
3.79 KB b/‎hw2/images/bgMenu.jpg‎
3.79 KB
diff --git a/‎hw2/images/endBG.jpg‎
16.9 KB b/‎hw2/images/endBG.jpg‎
16.9 KB
diff --git a/‎hw2/images/endBG2.jpg‎
53.7 KB b/‎hw2/images/endBG2.jpg‎
53.7 KB
diff --git a/‎hw2/images/endBG3.jpg‎
53.2 KB b/‎hw2/images/endBG3.jpg‎
53.2 KB
diff --git a/‎hw2/images/gameBG.jpg‎
6.31 KB b/‎hw2/images/gameBG.jpg‎
6.31 KB
@@ -8,17 +8,15 @@
     <link href="end_style.css" rel="stylesheet">
 </head>
 <body>
-    <h1 id="message"></h1>
-    <p id="score"></p>
-
-    <label for="playAgain">
-        <button id="playAgain">Play Again</button>
-    </label>
-    <label for="mainMenu">
-        <button id="mainMenu">Main Menu</button>
-    </label>
-    
+    <div class="box">
+        <h1 id="message"></h1>
+        <p id="score"></p>
 
+        <div class="buttons">
+            <button id="playAgain">Play Again</button>
+            <button id="mainMenu">Main Menu</button>
+        </div>
+    </div>
     <script src="endScript.js"></script>
 </body>
 </html>
@@ -1,24 +1,40 @@
+body{
+    background: url("images/endBG3.jpg") center / cover no-repeat fixed;
+}
+.box{
+    margin:0;
+    font-family: Roboto;
+    color:black;
+    height:80svh;
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center;
+    text-align:center;
+    padding:24px;
+    font-size: 18px;
+}
 button{
     background:rgb(24, 24, 24);
     color:white;
     border-radius:12px;
     border:none;
     padding:12px 16px;
     cursor:pointer;
-    width:100%;
-    margin-top:16px;
     transition:transform .2s ease;
     box-sizing:border-box;
+    margin-top:0;
+    display:inline-block;
+    width:auto;
+    min-width:200px;
+    margin:12px 8px 0;
 }
 button:hover {
     transform: scale(1.05);
 }
-body{
-    margin:0;
-    font-family: Roboto;
-    color: black;
-  
-    display:grid;
-    place-items:start center;
-    padding:48px 16px;
-  }
+.buttons{
+    display:flex;
+    gap:16px;
+    justify-content:center;
+    flex-wrap:wrap; 
+}
@@ -17,10 +17,11 @@ body{
     margin:0;
     font-family: Roboto;
     color:black;
-    min-height:100vh;
+    min-height:80vh;
     display:grid;
     place-items:center;
     padding:24px;
+    background: url("images/gameBG.jpg") center / cover no-repeat fixed;
 }
 .gameUI{
     display: grid;