From 002274ff0efbad66557abf422093b86471fbee23 Mon Sep 17 00:00:00 2001
From: pompypearson <mishrakash1701@gmail.com>
Date: Wed, 24 May 2023 23:40:00 +0530
Subject: [PATCH] worked on making html better looking

---
 HtmlGame/CarGame.html | 36 ++++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)
diff --git a/HtmlGame/CarGame.html b/HtmlGame/CarGame.html
index 0c484b0..45c24e9 100644
--- a/HtmlGame/CarGame.html
+++ b/HtmlGame/CarGame.html
@@ -7,9 +7,36 @@
     border:1px solid #f7a219;
     background-color: #08070c;
 }
+
+.button{
+    background-color:#040303;
+    border: none;
+    color: white;
+    
+    padding: 10px;
+    box-shadow: none;
+    margin-top: 10px;
+    border-radius: 4px;
+    transition: box-shadow 0.15s;
+}
+.button:active{
+    background-color: hsl(59, 100%, 50%);
+    border: none;
+    color: rgb(2, 0, 0);
+    font-weight: bold;
+    margin-top: 15px;
+    margin-left: 15px;
+    padding-bottom:10px;
+    border-radius: 4px;
+    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
+}
+
+.div{
+    color: white;
+}
 </style>
 </head>
-<body onload="startGame()">
+<body style="background-color: #310505;" onload="startGame()">
 <script>
    
 
@@ -131,8 +158,9 @@
 }
 </script>
 <br>
-<button onmousedown="accelerate(-0.10)" onmouseup="accelerate(0.200)">ACCELERATE</button>
-<p>Use the <b>ACCELERATE</b> button to stay in the air</p>
-<h1>This game is made by <b>Rajnandan Prasad</b></h1>
+<div style="text-align: center;"><button class="button" onmousedown="accelerate(-0.10)" onmouseup="accelerate(0.200)">ACCELERATE</button></div>
+<div class="div">
+<p><span>Tips:</span> Use the <b>ACCELERATE</b> button to stay in the air</p></div>
+<footer style="color: white;"><p>This game is made by <strong>Rajnandan Prasad</strong></p></footer>
 </body>
 </html>
