diff --git a/daftar.php b/daftar.php
index 842d42d..8357685 100644
--- a/daftar.php
+++ b/daftar.php
@@ -7,9 +7,23 @@ include "koneksi.php";
 <html lang="en">
 <style>
     body {
-            background: linear-gradient(to bottom right, #A3D438, #004D40);
             height: 568px;
+            rgb(24, 24, 24)
         }
+    div {
+            border-radius: 7px;
+            justify-content: center;
+            justify-self: center;
+            width: 540px;
+            height: 280px;
+            background-image: url("succes/loginSuccess.png");
+            background-size: 100% 100%;
+            background-position: center;
+            background-repeat: no-repeat;
+    }
+    h3 {
+        margin-top: 50px;
+    }
 </style>
 <head>
     <meta charset="UTF-8">
@@ -17,7 +31,8 @@ include "koneksi.php";
     <title>Halaman: Daftar</title>
 </head>
 <body>
-    <?php
+    <div>
+        <?php
         if(isset($_POST['username'])) {
             $nama = $_POST['nama'];
             $username = $_POST['username'];
@@ -61,6 +76,6 @@ include "koneksi.php";
             </tr>
         </table>
     </form>
-
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.php b/index.php
index 165f425..2952329 100644
--- a/index.php
+++ b/index.php
@@ -11,23 +11,29 @@ if(!isset($_SESSION['username'])) {
 <html lang="id">
     <style>
     body {
-            background: linear-gradient(to bottom right, #A3D438, #004D40);
             height: 526px;
+            background-color: rgb(24, 24, 24);
     }
     h1 {
       text-align: center;
       margin-top: 10%;
       font-size: 40px;
       box-sizing: border-box;
+      color: white;
+    }
+    h3 {
+      color: white;
     }
-
     .container {
-      padding: 5px;
-      border: 2px solid; /* Nanti dihapus */
+      padding: 5px; /* Nanti dihapus */
       border-radius: 7pt; /* Nanti dihapus */
       width: 65%;
       height: 55%;
       justify-self: center;
+      background-image: url("gameOver/gameOver.png");
+      background-size: 100% 100%;
+      background-position: center;
+      background-repeat: no-repeat;
       /* background-image: url(); */
     }
 
@@ -36,7 +42,9 @@ if(!isset($_SESSION['username'])) {
       margin-top: 5%;
       width: 50%;
       margin-bottom: 5%;
-      border: 1px solid;
+      border: 2px solid #5c5b58;
+      background-color: #5c5b58;
+      color: white;
       border-radius: 3pt;
       padding: 2px;
       justify-self: center;
diff --git a/leaderboard.php b/leaderboard.php
index 0964813..2ba3986 100644
--- a/leaderboard.php
+++ b/leaderboard.php
@@ -33,9 +33,24 @@ if($result && mysqli_num_rows($result) > 0) {
 <!DOCTYPE html>
 <html lang="id">
     <style>
+        .container {
+            padding: 10px;
+            justify-items: center;
+            justify-self: center;
+            border-radius: 7pt;
+            width: 540px;
+            height: 540px;
+            background-image: url("leaderboard/Leaderboard.png");
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+        }
         body {
-            background: linear-gradient(to bottom right, #A3D438, #004D40);
             height: 568px;
+            background-color: rgb(24, 24, 24);
+        }
+        table {
+            margin-top: 20px;
         }
     </style>
 <head>
@@ -46,7 +61,8 @@ if($result && mysqli_num_rows($result) > 0) {
     <link rel="stylesheet" href="">
 </head>
 <body>
-    <table>
+    <div class=container>
+        <table>
         <thead>
             <tr>
                 <th>#</th>
@@ -80,5 +96,6 @@ if($result && mysqli_num_rows($result) > 0) {
         </tbody>
         
     </table>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/leaderboard/Leaderboard.png b/leaderboard/Leaderboard.png
new file mode 100644
index 0000000..e874e8f
Binary files /dev/null and b/leaderboard/Leaderboard.png differ
diff --git a/login.php b/login.php
index 1f4bab8..09341a0 100644
--- a/login.php
+++ b/login.php
@@ -23,15 +23,31 @@ if(isset($_POST['username'])) {
 <html lang="id">
     <style>
         body {
-            background: linear-gradient(to bottom right, #A3D438, #004D40);
-            /* height: 568px; */
+            background-color: rgb(24, 24, 24);
         }
         .login {
             /* background-image: url('login/login.png'); */
-            background-repeat: no-repeat;
-            background-size: 300px 190px;
-            background-position: center top;
             height: 568px;
+            margin-top: 0;
+            background-image: url("login/log.png");
+            background-size: 50% 80%;
+            background-position: center;
+            background-repeat: no-repeat;
+        }
+        h3 {
+            color: white;
+        }
+        table {
+            padding: 42px;
+            font-size: 50px;
+        }
+        a {
+            color: white;
+            font-size: 21px;
+        }
+        input {
+            color: white;
+            background-color: rgb(24, 24, 24);
         }
     </style>
     <head>
@@ -46,21 +62,47 @@ if(isset($_POST['username'])) {
             <table align="center">
                 <tr>
                     <td colspan="2" align="center">
-                        <h3>Login User</h3>
+                        <div id="h3">
+                            <h3>Login User</h3>
+                        </div>
                     </td>
                 </tr>
                 <tr>
-
                     <td></td>
-                    <td><input type="text" name="username" placeholder="Username" style="border: none"></td>
+                    <td align="center"><input type="text" name="username" placeholder="Username" style="border: none"></td>
+                </tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr></tr>
+                <tr>
+                    <td></td>
+                    <td align="center"><input type="password" name="password" placeholder="Password" style="border: none"></td>
+                    <!-- <td><input type="password" name="password" placeholder="Password" style="border: none"></td> -->
                 </tr>
                 <tr>
                     <td></td>
-                    <td><input type="password" name="password" placeholder="Password" style="border: none"></td>
-                </tr>
-                <tr>
-                    <td></td>
-                    <td>
+                    <td align="center">
                         <button type="submit">Masuk</button>
                         <a href="daftar.php">Daftar</a>
                     </td>
diff --git a/login/login.png b/login/login.png
index 9371108..4081b9c 100644
Binary files a/login/login.png and b/login/login.png differ
