Merge pull request #159 from Adarsh-Chaubey03/main

Craeated Image folder
YadavAkhileshh · Oct 8, 2024 · 5ea563b · 5ea563b
2 parents 53e2113 + 0e2b176
commit 5ea563b
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 30 deletions.
diff --git a/Alien.css b/Alien.css
@@ -170,33 +170,18 @@ button{
 }
 
 #instructionsList {
-
+  width: 500px; /* Increased to ensure to scrolling */
   padding: 10px;
-  background-color: #007bff;
-  color: #000;
-  max-height: 300px; /* Set a maximum height to enable scrolling */
-  overflow-y: auto; /* Enable vertical scrolling */
-  display: none;
-  cursor: pointer;
-
-}
 
-/* scrollbar color adding for chrome */
-#instructionsList::-webkit-scrollbar {
-  width: 12px; /* Width of the scrollbar */
-}
-
-#instructionsList::-webkit-scrollbar-track {
-  background: #f1f1f1; /* Background of the scrollbar track */
-}
-
-#instructionsList::-webkit-scrollbar-thumb {
-  background: navy; /* Color of the scrollbar handle */
-  border-radius: 6px; /* Rounded corners for the scrollbar handle */
-}
+  background: linear-gradient(135deg,#33523d,#1b1e48);
+  color: #eecccc;
+  max-height: 500px; /* Set a maximum height to enable scrolling */
+  overflow-y: auto;
+  display: block;
 
-#instructionsList::-webkit-scrollbar-thumb:hover {
-  background: #555; /* Color on hover */
+  cursor: pointer;
+  margin-left: 15px;
+  box-shadow: 4px 4px 0px #47697b;
 }
 
 a {
@@ -215,7 +200,7 @@ a {
   border-radius: 50rem;
 }
 #instructionsTitle:hover{
-  background-color: #0056b3;
+  background-color: #5c7b9d;
   transform: scale(1.05);
 }
 h3{

diff --git a/a.png → images/a.png b/a.png → images/a.png
diff --git a/b.png → images/b.png b/b.png → images/b.png
diff --git a/c.png → images/c.png b/c.png → images/c.png
diff --git a/d.png → images/d.png b/d.png → images/d.png
diff --git a/index.html b/index.html
@@ -70,11 +70,13 @@
 <div class="snowflake"></div>
 <div class="snowflake"></div>
     <header>
-      <a class="navbar-brand" href="#">
-        <!-- Add the logo image -->
-        <img src="a.png" class="logo">
-      </a>
-
+
+
+          <a class="navbar-brand" href="#">
+            <!-- Add the logo image -->
+            <img src="images/a.png" class="logo">
+          </a>
+
       </header>
     <canvas id="gameCanvas"></canvas>
     <div id="header">