updation

Vishal-Borse · May 16, 2022 · 6371c0f · 6371c0f
1 parent 5dc4795
commit 6371c0f
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 30 deletions.
diff --git a/game.html b/game.html
@@ -12,7 +12,7 @@
 
 <body>
   <div id="main">
-    <h1 id="level-title">Press Any Key to Start</h1>
+    <h1 id="level-title">🤩Press Any Key to Start🤩</h1>
     <div class="container">
       <div class="row">
 

diff --git a/help.html b/help.html
@@ -22,7 +22,7 @@
            in correct sequence.
            By clicking correct sequence each time level will up by one.
         </p>
-        <p class="help-p2">Best Of Luck</p>
+        <p class="help-p2">Best Of Luck !</p>
         <a class="help-btn" href="game.html">Start</a>
 
     </div>

diff --git a/index.html b/index.html
@@ -26,6 +26,7 @@
   </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="index.js" charset="utf-8"></script>
+
 
 </body>
 

diff --git a/index.js b/index.js
@@ -8,7 +8,7 @@ var level = 0;
 
 $(document).keypress(function() {
   if (!started) {
-    $("#level-title").text("Level " + level);
+    $("#level-title").text("💥Level " + level +"💥");
     nextSequence();
     started = true;
   }

diff --git a/styles.css b/styles.css
@@ -6,8 +6,9 @@ body {
 
 #level-title {
   font-family: 'Bangers', cursive;
-  font-size: 7rem;
+  font-size: 5rem;
   margin:  5%;
+  margin-top: 30px;
   margin-bottom: 40px;
   color: #FEF2BF;
 }
@@ -48,13 +49,13 @@ body {
 }
 .mid-btn{
   border-radius: 100%;
-  height: 200px;
-  width: 200px;
+  height: 210px;
+  width: 210px;
   background-color: #011F3F;
   border: 10px solid black;
   position: absolute;
-  top: 395px;
-  left: 745px;
+  top: 320px;
+  left: 655px;
   font-family: cursive;
   color: #FEF2BF;
   text-align: center;
@@ -63,8 +64,8 @@ body {
 /*Index page css.....................*/
 
 .front-img{
-  width: 220px;
-  height: 220px;
+  width: 200px;
+  height: 200px;
   display: inline-block;
   position: absolute;
   top:140px;
@@ -74,7 +75,7 @@ body {
 .front_head{
 
   display: inline-block;
-  font-size: 14rem;
+  font-size: 12rem;
   font-family: 'Bangers', cursive;
   position: absolute;
   top: 130px;
@@ -85,16 +86,16 @@ body {
 }
 .front-p{
   position: absolute;
-  top: 420px;
-  left:500px;
+  top: 380px;
+  left:400px;
   font-family: cursive;
   color:#FEF2BF;
   font-size: 3rem;
 }
 .front-btn{
   position: absolute;
-  top: 600px;
-  left: 540px;
+  top: 550px;
+  left: 430px;
   background-color: aliceblue;
   height: 50px;
   width: 200px;
@@ -109,8 +110,8 @@ body {
 }
 .front-btn2{
   position: absolute;
-  top: 600px;
-  left: 790px;
+  top: 550px;
+  left: 680px;
   background-color: aliceblue;
   height: 50px;
   width: 200px;
@@ -125,8 +126,8 @@ body {
 }
 .front-btn3{
   position: absolute;
-  top: 600px;
-  left: 1040px;
+  top: 550px;
+  left: 930px;
   background-color: aliceblue;
   height: 50px;
   width: 200px;
@@ -143,11 +144,11 @@ body {
 /*last page css*/
 .last-p{
 
-  font-size: 13rem;
+  font-size: 11rem;
   font-family: 'Bangers', cursive;
   color: #FEF2BF;
   text-shadow: 10px 10px 10px #000000;
-  margin-top: 70px;
+  margin-top: 50px;
   margin-bottom: 10px;
 }
 .score{
@@ -175,8 +176,8 @@ body {
 }
 .last-btn{
   position: absolute;
-  top: 700px;
-  left: 760px;
+  top: 620px;
+  left: 680px;
   background-color: aliceblue;
   height: 50px;
   width: 200px;
@@ -206,7 +207,7 @@ body {
 .help_head{
 
   display: inline-block;
-  font-size: 10rem;
+  font-size: 8rem;
   font-family: 'Bangers', cursive;
   position: absolute;
   top: 40px;
@@ -218,25 +219,25 @@ body {
 .help-p{
   width: 1200px;
   position: absolute;
-  top: 230px;
-  left:280px;
+  top: 220px;
+  left:180px;
   font-family: cursive;
   color:#FEF2BF;
   font-size: 2.5rem;
 }
 .help-p2{
 
   position: absolute;
-  top:550px;
-  left:760px;
+  top:510px;
+  left:670px;
   font-family: 'Bangers', cursive;
   color:#FEF2BF;
   font-size: 3rem;
 }
 .help-btn{
   position: absolute;
-  top: 700px;
-  left: 770px;
+  top: 640px;
+  left: 685px;
   background-color: aliceblue;
   height: 50px;
   width: 200px;