diff --git a/index.php b/index.php
index 6c6e2a3..ac1d8d7 100755
--- a/index.php
+++ b/index.php
@@ -31,15 +31,28 @@
 		<link rel="stylesheet" href="assets/css/main.css" />
 
 		<style>
+		        .player-wrapper {
+		            width: 100%;
+		            max-width: 400px;
+		            margin: 0 auto;
+		        }
+		        #now-playing img {
+		            margin: 0 auto;
+		        }
+		        .player-wrapper audio {
+		            width: 100%;
+		        }
 		        #now-playing {
 		            font-family: Arial, sans-serif;
-		            font-size: .7em;
+		            font-size: .9em;
 		            padding: 10px;
-		            background-color: #46494A;
+		            background-color: rgb(70, 73, 74, 0.6);
 		            color: #97C9D3;
 		            border-radius: 5px;
-		            display: inline-block;
+		            display: block;
 		            text-align: center;
+		            box-sizing: border-box;
+		            width: 100%;
 		        }
 		</style>
 	</head>
@@ -64,10 +77,11 @@
 					<!-- <span class="image right"><img src="images/omorains-icon.jpg" alt="" /></span></p> -->
 					<!-- <span class="image right"><img src="images/bisexual-icon.jpg" alt="" /></span></p> -->
 					
-					<div id="now-playing">Loading current song...</div>
-					<br>
-
-					<audio controls src="https://radio.cyberpunklibrarian.nohost.me/rfe"></audio>
+					<div class="player-wrapper">
+						<div id="now-playing">Loading current song...</div>
+						<br>
+						<audio controls src="https://radio.cyberpunklibrarian.nohost.me/rfe"></audio>
+					</div>
 
 					<script>
 						function fetchNowPlaying() {