diff --git a/GameStyle.css b/GameStyle.css
index ed17a7b..eff4666 100644
--- a/GameStyle.css
+++ b/GameStyle.css
@@ -31,8 +31,19 @@
         justify-content: left;
         padding-bottom: 20px;
         padding-top: 20px;
+        background-image: url("halamanFull/cherryBlossom.png");
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+      }
+      .HalamanFull::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: rgba(0,0,0,0.4);  /* 0.4 = opacity overlay */
       }
       .starting {
+        border: 2px solid pink;
         position: absolute;
         top: 21px;
         left: 51px;
@@ -64,6 +75,24 @@
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         width: 80%;
         max-width: 400px;
+        background-image: url("gameOver/gameOver.png");
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+      }
+      .popAwal1 {
+        text-align: center;
+        border-radius: 10px;
+        background-color: rgb(50, 50, 50);
+        padding: 30px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        width: 80%;
+        height: 60%;
+        max-width: 400px;
+        background-image: url("gameOver/gameOver.png");
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
       }
       .popAwal h1 {
         margin-left: 30px;
@@ -107,6 +136,10 @@
       #game {
         background: rgb(192, 232, 255);
         border: 1px solid white;
+        background-image: url("mapGame/mapgame\ .png");
+        background-size: 50% 50%;
+        background-position: center;
+        background-repeat: repeat
       }
       .modegame {
         padding: 15px 30px;
@@ -126,6 +159,10 @@
         font-optical-sizing: auto;
         font-weight: 400;
         font-style: normal;
+        background-image: url("gameOver/gameOver.png");
+        background-size: 100% 100%;
+        background-position: center;
+        background-repeat: no-repeat;
       }
       #mode-normal {
         background-color: #73e4c2;
diff --git a/halamanFull/cherryBlossom.png b/halamanFull/cherryBlossom.png
new file mode 100644
index 0000000..824614e
Binary files /dev/null and b/halamanFull/cherryBlossom.png differ
diff --git a/halamanFull/dayRiver.jpg b/halamanFull/dayRiver.jpg
new file mode 100644
index 0000000..338c202
Binary files /dev/null and b/halamanFull/dayRiver.jpg differ
diff --git a/halamanFull/nightRiver.jpg b/halamanFull/nightRiver.jpg
new file mode 100644
index 0000000..545bf4b
Binary files /dev/null and b/halamanFull/nightRiver.jpg differ