diff --git a/harvest.html b/2048.html
similarity index 85%
rename from harvest.html
rename to 2048.html
index ee16b12..8c90128 100644
--- a/harvest.html
+++ b/2048.html
@@ -16,8 +16,8 @@
   <li><a href="license.html">license</a></li>
   <li><a href="games.html">games</a></li>
 </ul>
-    
-    <iframe src="https://cdn-factory.marketjs.com/en/harvest-the-crops/index.html" width="4600" height="1800">
+  <br>
+    <iframe src="https://raw.githack.com/3kh0/3kh0-assets/main/2048/index.html" width="100%" height="620px">
   
     </iframe>
   </body>
diff --git a/basketball.html b/basketball.html
new file mode 100644
index 0000000..b747823
--- /dev/null
+++ b/basketball.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>astro</title>
+    <link rel="stylesheet" href="./style.css">
+     <link rel="icon" href="https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/Earth.ico?v=1698115625980" type="image/x-icon">
+  </head>
+  <body>
+  
+<ul>
+  <li><a href="home.html" class="active">ASTRO</a></li>
+  <li><a href="about.html">about</a></li>
+  <li><a href="license.html">license</a></li>
+  <li><a href="games.html">games</a></li>
+</ul>
+  <br>
+    <iframe src="https://cdn-factory.marketjs.com/en/basketball-fever/index.html" width="100%" height="620px">
+  
+    </iframe>
+  </body>
+</html>
\ No newline at end of file
diff --git a/games.html b/games.html
new file mode 100644
index 0000000..b17c21a
--- /dev/null
+++ b/games.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>astro</title>
+    <link rel="stylesheet" href="./style.css">
+     <link rel="icon" href="https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/Earth.ico?v=1698115625980" type="image/x-icon">
+  </head>
+  <body>
+  
+<ul>
+  <li><a href="home.html" >ASTRO</a></li>
+  <li><a href="about.html">about</a></li>
+  <li><a href="license.html">license</a></li>
+  <li><a href="games.html" class="active">games</a></li>
+</ul>
+<h1 class="hometitle">
+  GAMES
+    </h1>
+    
+      <a href="2048.html"><button>
+        2048
+        </button></a>
+    <a href="basketball.html"><button>
+      basketball fever
+      </button></a>
+    <a href="whack.html"><button>
+      whack the boss
+      </button></a>
+    <script src="script.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..55712f4
--- /dev/null
+++ b/script.js
@@ -0,0 +1,3 @@
+ function myFunction() {
+      window.location.href = "2048.html";
+    }
\ No newline at end of file
diff --git a/style.css b/style.css
index d5679bb..81066d3 100644
--- a/style.css
+++ b/style.css
@@ -1,12 +1,11 @@
-
-
 @font-face {
-  font-family: 'cooper'; /* This is an arbitrary name -- whatever works for you */
-  src: url('https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/Cooper%20Black%20Regular.ttf?v=1698114756634');}
+  font-family: "cooper"; /* This is an arbitrary name -- whatever works for you */
+  src: url("https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/Cooper%20Black%20Regular.ttf?v=1698114756634");
+}
 
 body {
   font-family: cooper;
-  background-image: url('https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/IMG_1366.webp?v=1698117939709');
+  background-image: url("https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/IMG_1366.webp?v=1698117939709");
   color: aliceblue;
 }
 
@@ -16,12 +15,11 @@ ul {
   padding: 0;
   overflow: hidden;
   background-color: #333333;
-   position: fixed;
+  position: fixed;
   top: 0;
   width: 100%;
-position: sticky;
+  position: sticky;
   top: 0;
-
 }
 
 li {
@@ -46,7 +44,7 @@ li:last-child {
   border-right: none;
 }
 .active {
-  background-color: #04AA6D;
+  background-color: #04aa6d;
 }
 .abouttitle {
   text-align: center;
@@ -55,3 +53,11 @@ li:last-child {
   text-align: center;
 }
 
+button {
+  background-color: #04aa6d;
+  color: aliceblue;
+}
+.button:hover {
+  background-color: #04ea6d;
+  transition: 0.7s;
+}
diff --git a/whack.html b/whack.html
new file mode 100644
index 0000000..e27c346
--- /dev/null
+++ b/whack.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>astro</title>
+    <link rel="stylesheet" href="./style.css">
+     <link rel="icon" href="https://cdn.glitch.global/a2356aac-4b25-4380-b4c7-356782b63063/Earth.ico?v=1698115625980" type="image/x-icon">
+  </head>
+  <body>
+  
+<ul>
+  <li><a href="home.html" class="active">ASTRO</a></li>
+  <li><a href="about.html">about</a></li>
+  <li><a href="license.html">license</a></li>
+  <li><a href="games.html">games</a></li>
+</ul>
+  <br>
+    <iframe src="https://cdn-factory.marketjs.com/en/whack-the-boss/index.html" width="100%" height="620px">
+  
+    </iframe>
+  </body>
+</html>
\ No newline at end of file
