From 80dda63cc0463b6770c2ad2cd2d6a61512218964 Mon Sep 17 00:00:00 2001
From: Priyanshi Goel <82112540+priyanshi-git@users.noreply.github.com>
Date: Wed, 12 Oct 2022 14:02:58 +0530
Subject: [PATCH 1/3] Added game design

Changes some CSS and designed the page like old games
---
 style.css | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/style.css b/style.css
index 4f8df3c..6dd0768 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,12 @@
+@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
+
 html, body {
+  font-family: 'Press Start 2P', sans-serif;
   height: 100%;
   width: 100%;
   padding: 0;
   margin:0;
+  box-sizing: border-box;
 }
 
 .wrapper {
@@ -31,8 +35,8 @@ html, body {
 
 .rpsButton:hover{
   background-color:#a7fbd4; 
-    border-width:4px;
-    border-color:#f8a0e5;
+  border-width:4px;
+  border-color:#f8a0e5;
 }
 
 .rpsButton:active {
@@ -42,11 +46,12 @@ html, body {
 }    
 
 #endGameButton{
-  height: 100px;
-  width: 100px;
-  margin-top:10px;
-  font-size: 48px;
-  border-radius: 30px;
+  border: none;
+  background-color: #eee;
+  color: #222;
+  font-size: 2rem;
+  font-family: inherit;
+  padding: 2rem 2rem;
   cursor: pointer; 
 }
 
@@ -61,22 +66,27 @@ html, body {
 }    
 
 .resultContainer {
-  font-size: 2.5rem;
+  font-size: 2rem;
   text-align: center;
   margin: 30px auto;
 }
 
 #handsdiv{
-     height: 100px;
+  height: 100px;
   width: 100px;
   font-size: 48px;
   border-radius: 30px;
-    background-color:white
-    padding: auto;
-    margin:auto;
-    color:white
+  background-color:white
+  padding: auto;
+  margin:auto;
+  color:white
 }
 
 #scoreContainer{
-    display:flex;
-}
\ No newline at end of file
+  display:flex;
+  margin: 10px auto;
+}
+
+#result {
+  margin-bottom: 30px;
+}

From 0f7d3616cf82d84f46bcb21b4858157df5150219 Mon Sep 17 00:00:00 2001
From: Priyanshi Goel <82112540+priyanshi-git@users.noreply.github.com>
Date: Wed, 12 Oct 2022 14:04:26 +0530
Subject: [PATCH 2/3] Changed button text

Made the restart button look better and more understandable
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 219119e..a2664ff 100644
--- a/index.html
+++ b/index.html
@@ -24,11 +24,11 @@
   <div id="hands"></div>
       </div>
   <div id="result"></div>
-  <button id='endGameButton'>🔴</button>
+  <button id='endGameButton'>Again !</button>
   </div>
   </div>
   
   <script src="script.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

From c82ba7357994a22811fa57231f2021414cd66db8 Mon Sep 17 00:00:00 2001
From: Priyanshi Goel <82112540+priyanshi-git@users.noreply.github.com>
Date: Wed, 12 Oct 2022 20:08:22 +0530
Subject: [PATCH 3/3] Added light red in hover state

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 6dd0768..3a0a22a 100644
--- a/style.css
+++ b/style.css
@@ -56,7 +56,7 @@ html, body {
 }
 
 #endGameButton:hover{
-    background-color:#c3bbbb;
+    background-color:#e36666;
 }
 
 #endGameButton:active {