diff --git a/branding.html b/branding.html
index a688bde..ceab513 100644
--- a/branding.html
+++ b/branding.html
@@ -11,10 +11,19 @@
    <meta name="keywords" content="WiiMart, Wii Shop, homebrew">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="meta/main.css" />
+   <script src="meta/music.js"></script>
    <link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
    <style>mark {color:white} .wm {width: 100%}</style>
 </head>
 <body>
+    <div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
+        <h2 style="height:20px; margin-top:-9px;">BGM player</h2>
+        <a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;">
+           <button id="shopbgm" >Play BGM</button>
+           </a>
+           <p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
+           
+     </div>
 
 <h1>Branding</h1>
 
diff --git a/download.html b/download.html
index 1fffc18..2659544 100644
--- a/download.html
+++ b/download.html
@@ -14,10 +14,19 @@
    <meta name="keywords" content="WiiMart, Wii Shop, homebrew">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="meta/main.css" />
-   <link rel="stylesheet" href="meta/verdana.css" />
+   <link rel="stylesheet" href="meta/verdana.css" />   
+   <script src="meta/music.js"></script>
    <link rel="icon" type="image/x-icon" href="media/wiimart-bag.ico" />
 </head>
 <body>
+   <div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
+      <h2 style="height:20px; margin-top:-9px;">BGM player</h2>
+      <a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;">
+         <button id="shopbgm" >Play BGM</button>
+         </a>
+         <p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
+         
+   </div>
 
 <h1>Download</h1>
 
diff --git a/fishiemart.html b/fishiemart.html
index de41bf5..17cec39 100644
--- a/fishiemart.html
+++ b/fishiemart.html
@@ -10,13 +10,22 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="meta/main.css" />
    <script src="meta/gallery.js" defer></script>
+   <script src="meta/music.js"></script>
    <link rel="icon" type="image/x-icon" href="meta/wiimart-bag.ico" />
-   <style>div {border-color: orange;} h1, h2 {color:orange} a {color:orange}</style>
+   <style>div {border-color: orange; box-shadow: 0 0 10px #a153005d; } h1, h2 {color:orange} a {color:orange}</style>
+   <style>button {font-family:'Shop',sans-serif;padding: 5px; border:none;outline:2px solid orange; color:black;background-color:white;border-radius: 5px;background-color:#f6fdff;filter: drop-shadow(1px 1px 3.4px #bbbbbb);box-shadow:inset 1px 1px 12px #53360015;}button:hover {border:none;outline:3px solid orange;cursor: pointer;filter: drop-shadow(1px 1px 3.4px #edb2347c);box-shadow:inset 1px 1px 12px #57310015;}button:active {box-shadow: none}</style>
 </head>
 <body>
+   <div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
+      <h2 style="height:20px; margin-top:-9px;">BGM player</h2>
+      <a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;">
+         <button id="shopbgm" >Play BGM</button>
+         </a>
+         <p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
+         
+   </div>
 
-<header style="background-color: orange;border-color:orangered;"><img src="media/fishie-wordmark.png" width="200px"></header>
-
+<a href="https://wiimart.github.io"><header style="background-color: orange;border-color:orangered;"><img src="media/fishie-wordmark.png" width="200px"></header></a>
 <h1>FishieMart</h1>
 
 <div class="block" style="padding-bottom:10px;">
diff --git a/index.html b/index.html
index f61e8ca..f84338b 100644
--- a/index.html
+++ b/index.html
@@ -12,11 +12,20 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="meta/main.css" />
    <script src="meta/gallery.js" defer></script>
+   <script src="meta/music.js"></script>
    <link rel="icon" type="image/x-icon" href="meta/wiimart-bag.ico" />
    <style>button {margin-right: 2px;margin-left: 2px}</style>
    <!--just here because the buttons are spaced weird idk-->
 </head>
 <body>
+   <div id="bgmplayer" style="position:fixed; bottom:3px; right:3px; float:right; width:200px; height:100px;">
+      <h2 style="height:20px; margin-top:-9px;">BGM player</h2>
+      <a href="javascript:playBGM();" id="shopbgmselector" style="text-decoration:none;">
+         <button id="shopbgm" >Play BGM</button>
+         </a>
+         <p style="color:#8c8c8c; margin-top:-10px; font-style:italic; font-size:10px;"><br>(enable autoplay on your browser for the music to continue playing throughout the website)</p>
+         
+   </div>
 
 <h1 style="font-size: xx-large;">WiiMart</h1>
 
@@ -177,5 +186,7 @@
 
 <footer><p>WiiMart is not affiliated with Nintendo or any related parties. To contact, please send an email to <a href="mailto:wiimartshopping@gmail.com"><b>wiimartshopping@gmail.com</b></a>.</p></footer>
 
+
+
 </body>
 </html>
diff --git a/media/shop_bgm_loop_wsw.wav b/media/shop_bgm_loop_wsw.wav
new file mode 100644
index 0000000..a681789
Binary files /dev/null and b/media/shop_bgm_loop_wsw.wav differ
