Music is now given to the user. This stops them from full-out stopping sound.

CSS/index.css

@@ -180,6 +180,13 @@ html {
 	top: 35vh;
 }
 
+audio {
+	position: absolute;
+	z-index=1;
+	
+	width: max(50px, 10%);
+}
+
 .PostContainer {
 	position: absolute;
 	display: flex;

JS/index.js

@@ -24,7 +24,6 @@ let TimeAccountButton = document.getElementsByClassName("Time")[0];
 // Sounds
 const ButtonSound = new Audio("Audio/button-305770.mp3");
 const WarningClick = new Audio("Audio/button-pressed-38129.mp3");
-const BackgroundMusic = new Audio("Audio/soft-piano-music-312509.mp3");
 
 // Discoverability
 let Discover = false;
@@ -77,19 +76,11 @@ Warning.onclick = (event) => {
 	setTimeout(() => {
 		Main.classList.remove("MainFadeInAnimation");
 		Main.classList.add("MainAfter");
-		Music();
 	}, 5000);
 	Main = document.getElementsByClassName("MainFadeInAnimation")[0];
 	PosterContainerUpdate();
 }
 
-function Music() {
-	BackgroundMusic.play();
-	setTimeout(() => {
-		Music();
-	}, 180000);
-}
-
 let ArrowRunning = false;
 
 // Clicking the next button

index.html

@@ -307,5 +307,7 @@
 				<p class="Posting">Posting</p>
 			</footer>
 		</section>
+		
+		<audio controls src="Audio/soft-piano-music-312509.mp3" loop=true preload=auto>Lmao you can't hear music XD</audio>
 	</body>
 </html>