diff --git a/src/assets/music/hover.mp3 b/src/assets/music/hover.mp3
new file mode 100644
index 0000000..25fcbc6
Binary files /dev/null and b/src/assets/music/hover.mp3 differ
diff --git a/src/credit.html b/src/credit.html
index ff00e90..e450d30 100644
--- a/src/credit.html
+++ b/src/credit.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/credit.mp3"></audio>
+    <audio id="bgm-crdt" src="/assets/music/credit.mp3" loop autoplay></audio>
     <div class="container-credits" id="credits">
         <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000">✖</a>
         <div class="credits">
@@ -96,7 +96,8 @@
 
     <script>
         document.addEventListener("DOMContentLoaded", () => {
-            const bgm = document.getElementById("bgm");
+            const bgm = document.getElementById("bgm-crdt");
+            bgm.volume = 0.2;
             bgm.play()
             const inner = document.getElementById("creditsInner");
             let y = 0;
diff --git a/src/game/firstperson.html b/src/game/firstperson.html
index f3d7bf5..346de6e 100644
--- a/src/game/firstperson.html
+++ b/src/game/firstperson.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/game.mp3"></audio>
+    <audio id="bgm" src="/assets/music/game.mp3" loop autoplay></audio>
     <audio id="sfx" src="/assets/music/slash.mp3"></audio>
     <audio id="sfxhrt" src="/assets/music/hurt.mp3"></audio>
     <div class="container-first">
@@ -41,6 +41,8 @@
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
+            bgm.volume = 0.1;
+            bgm.loop(true)
             bgm.play()
             
         });
diff --git a/src/js/firstperson.js b/src/js/firstperson.js
index b036c15..9afd83b 100644
--- a/src/js/firstperson.js
+++ b/src/js/firstperson.js
@@ -105,7 +105,7 @@ function selectAnswer(e){
         if(wrongCount >= maxWrong){
             setTimeout(()=>{
                 showScore();
-            }, 500);
+            }, 1500);
             return;
         }
     }
@@ -113,9 +113,8 @@ function selectAnswer(e){
     Array.from(answerBtn.children).forEach(button => {
         if(button.dataset.correct === "true") button.classList.add("correct");
         button.disabled = true;
-    },
-    setTimeout(nextQuestion, 500)
-    );
+    });
+    setTimeout(nextQuestion, 5000)
 }
 
 function showScore(){
@@ -152,9 +151,13 @@ function postScore(score){
         console.log("Server response:", data);
         
         if(data.success || data.message === "Score accumulated") {
-            window.location.href = "../leaderboard.php"; 
+            setTimeout(() => {
+                window.location.href = "../leaderboard.php"; 
+            }, 1500); 
         } else {
-            window.location.href = "../leaderboard.php"; 
+            setTimeout(() => {
+                window.location.href = "../leaderboard.php"; 
+            }, 1500);
         }
     })
     .catch(err => {
diff --git a/src/leaderboard.php b/src/leaderboard.php
index 0636e07..8557ab3 100644
--- a/src/leaderboard.php
+++ b/src/leaderboard.php
@@ -42,7 +42,7 @@ if($result){
         <link rel="stylesheet" href="css/style.css">
     </head>
     <body>
-        <audio id="bgm" src="/assets/music/leaderboard.mp3"></audio>
+        <audio id="bgm" src="/assets/music/leaderboard.mp3" loop autoplay></audio>
         <div class="container-board">
         <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000">✖</a>            
             <div class="chara">
@@ -103,7 +103,10 @@ if($result){
         <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
+            bgm.loop = true
+            bgm.volume = 0.2
             bgm.play()
+
             
         });
     </script>
diff --git a/src/onboard.php b/src/onboard.php
index 9e63753..002d390 100644
--- a/src/onboard.php
+++ b/src/onboard.php
@@ -14,7 +14,8 @@ session_start();
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/onboard.mp3"></audio>
+    <audio id="bgm" src="/assets/music/onboard.mp3" loop autoplay></audio>
+    <audio id="hover-sfx" src="/assets/music/hover.mp3" ></audio>
     <div class="container-onboard">
     <?php include 'notif.php'; ?>
     <?php
@@ -25,10 +26,10 @@ session_start();
     ?>
         <h1 data-aos="zoom-out" data-aos-duration="1000">👾 codebeater 👾</h1>
         <div class="menu">
-            <a data-aos="zoom-out" data-aos-duration="2000" href="game/thirdperson.html">Game Start</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="leaderboard.php">leaderboard</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="credit.html">Credit</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="logout.php">Exit</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="game/thirdperson.html">Game Start</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="leaderboard.php">leaderboard</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="credit.html">Credit</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="logout.php">Exit</a>
         </div>
     </div>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
@@ -38,8 +39,32 @@ session_start();
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
-            bgm.play()
-            
+            const hoversfx = document.getElementById('hover-sfx');
+            const buttons = document.querySelectorAll('.hover-btn');
+
+            bgm.volume =0.2;
+            hoversfx.volume =0.2;
+            buttons.forEach(button => {
+                button.addEventListener('mouseenter', () => {
+                    hoversfx.currentTime = 0;
+                    hoversfx.play().catch(error => console.log('menunggu iteraksi user'))
+                });
+            });
+            function playBGM(){
+                bgm.play().then(()=>{
+                    console.log('BGM Berputar')
+                }).catch(error => {
+                    console.log('auto diblok')
+                });
+            }
+            playBGM();
+
+
+            document.body.addEventListener("click", () => {
+                if (bgm.paused) {
+                    bgm.play();
+                }
+            }, { once: true });
         });
     </script>
 </body>
