diff --git a/src/components/screens/Login.vue b/src/components/screens/Login.vue
index d813743..792d794 100644
--- a/src/components/screens/Login.vue
+++ b/src/components/screens/Login.vue
@@ -1,10 +1,23 @@
 <template>
-  <audio ref="bgm" id="bgm" src="/assets/sound/bgm.mp3" loop autoplay></audio>
+  <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
   <img src="/assets/Leaf_BG_standalone.png" class="bg-img" alt="login bg" />
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
+
+const bgm = ref('bgm');
+const bgmStart = () => bgm.value.play();
+
+onMounted(() => {
+  // check if bgm is playing already and do nothing
+  if (bgm.value.paused) {
+    window.addEventListener('click', () => bgm.value.play())
+    window.addEventListener('keydown', () => bgm.value.play())
+    window.addEventListener('mousemove', () => bgm.value.play())
+  }
+
+})
 </script>
 
 <style scoped>