From f165309b0d96ceb574174e64b68e4c2cc132ba4a Mon Sep 17 00:00:00 2001
From: T1rth1 <123004308+T1rth1@users.noreply.github.com>
Date: Sun, 12 May 2024 23:59:44 +0530
Subject: [PATCH] Simon Game GUI fixed

---
 Games/Simon_Game_Challenge/index.html | 18 +++++++-------
 Games/Simon_Game_Challenge/styles.css | 36 +++++++++++++++++++++++----
 2 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/Games/Simon_Game_Challenge/index.html b/Games/Simon_Game_Challenge/index.html
index f7c9481d0a..68bdb173de 100755
--- a/Games/Simon_Game_Challenge/index.html
+++ b/Games/Simon_Game_Challenge/index.html
@@ -9,15 +9,15 @@
     <link rel="stylesheet" href="styles.css" />
     <link rel="icon" href="/assets/images/Simon_Game_Challenge.png" />
     <link
-      href="https://fonts.googleapis.com/css?family=Press+Start+2P"
-      rel="stylesheet"
+    href="https://fonts.googleapis.com/css?family=Press+Start+2P"
+    rel="stylesheet"
     />
     <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
-      integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
+    rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
+    integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
+    crossorigin="anonymous"
+    referrerpolicy="no-referrer"
     />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
   </head>
@@ -58,9 +58,9 @@ <h2>All the best :)</h2>
       </div>
     </div>
 
-    <h1 id="play-button" style="margin: 0%;">
+    <div id="play-button">
       <i class="fa fa-regular fa-circle-play"></i>
-    </h1>
+    </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script src="game.js"></script>
   </body>
diff --git a/Games/Simon_Game_Challenge/styles.css b/Games/Simon_Game_Challenge/styles.css
index 0e8c3a7a6c..5b88d3aeec 100755
--- a/Games/Simon_Game_Challenge/styles.css
+++ b/Games/Simon_Game_Challenge/styles.css
@@ -5,17 +5,25 @@ body {
 
 #highest {
   color: #fef2bf;
+  margin-right:320px;
+  padding: 0px;
+  margin-bottom: 0px;
 }
 #level-title {
   font-family: "Press Start 2P", cursive;
-  font-size: 3rem;
-  margin: 1px;
+  font-size: 2.5rem;
+  margin-right:500px;
+  margin-left: 230px;
   color: #fef2bf;
+  margin-top: 0px;
+  margin-bottom:5px;
 }
 #play-button {
   font-family: "Press Start 2P", cursive;
-  font-size: 7rem;
+  font-size: 5rem;
   color: #fef2bf;
+  margin-right: 360px;
+  margin-top:0px;
 }
 
 #play-button > i:hover {
@@ -56,11 +64,17 @@ body {
   .container {
     flex-direction: column;
   }
-
+  #highest{
+    margin:0%;
+  }
+  #level-title{
+    margin:1px;
+  }
   .game-section,
   .instructions-section {
     width: 100%;
-    margin: 10px auto;
+    margin-left:6px;
+    /* margin: 10px auto; */
   }
 }
 
@@ -108,9 +122,13 @@ body {
     height: 150px;
     width: 150px;
   }
+  #highest{
+    margin:0%;
+  }
   #level-title,
   #play-button {
     font-size: 5rem;
+    margin:0%;
   }
 }
 
@@ -123,9 +141,13 @@ body {
     height: 100px;
     width: 100px;
   }
+  #highest{
+    margin:0%;
+  }
   #level-title,
   #play-button {
     font-size: 3.5rem;
+    margin:0%;
   }
 }
 
@@ -138,9 +160,13 @@ body {
     height: 100px;
     width: 100px;
   }
+  #highest{
+    margin:0%;
+  }
   #level-title,
   #play-button {
     font-size: 3.5rem;
+    margin:0%;
   }
 }