diff --git a/public/static/style/main.css b/public/static/style/main.css
index d06338d..71f09fb 100644
--- a/public/static/style/main.css
+++ b/public/static/style/main.css
@@ -3,13 +3,14 @@ html, body {
 }
 
 body {
-    background: darkblue;
+    background-color: darkblue;
     background: url('../img/99.png');
     font-weight: bold;
     text-align: center;
     color: white;
     line-height: 1.5;
     font-family: serif;
+    image-rendering: pixelated;
 }
 
 hr {
@@ -33,8 +34,8 @@ img {
 pre, code {
     margin: auto;
     font-family: monospace;
-    background: darkblue;
-    border: 4px double yellow;
+    background: black;
+    color: greenyellow;
     padding: 8px;
     max-width: min-content;
     display: block;
diff --git a/views/templates/header.php b/views/templates/header.php
index 3069e89..2b9f9e9 100644
--- a/views/templates/header.php
+++ b/views/templates/header.php
@@ -22,9 +22,16 @@ function special_events(): string {
     <?php endif; ?> 
 
     <header>
-        <audio controls>
-            <source src="http://radio.hbr1.com/stream/trance.ogg" type="audio/ogg">
-        </audio>
+
+        <div id="radio"></div>
+        <script>
+            // some browsers (cough cough safari) dont like the live broadcast and so just keeps loading forever
+            window.addEventListener('load', function () {
+                radio.innerHTML = `
+                    <audio controls autoplay preload="none"><source src="http://radio.hbr1.com/stream/trance.ogg" type="audio/ogg"></audio>
+                `;
+            });
+        </script>
 
         <br>
         <br>