diff --git a/common/main.css b/common/main.css
index 6add753..237ada8 100644
--- a/common/main.css
+++ b/common/main.css
@@ -26,7 +26,7 @@ header{
   padding: 0.5rem;
 }
 .header-list{
-  width: max-content;
+  width: fit-content;
   padding: 0.5rem;
   background-color: var(--header-bg-color);
   border-radius: 1rem;
@@ -115,7 +115,6 @@ header{
   .cont {
     width: max-content;
     padding: 1rem;
-    margin-top: 1.5rem;
   }
 }
 
diff --git a/fuglekasse/index.php b/fuglekasse/index.php
new file mode 100644
index 0000000..a5c2c4b
--- /dev/null
+++ b/fuglekasse/index.php
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="no">
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta charset="UTF-8">
+  <meta name="theme-color" content="#263238"/>
+  <link rel="icon" type="image/png" href="/dist/favicon.png">
+  <link rel="stylesheet" href="../common/main.css">
+  
+  <link href="./video-js/video-js.css" rel="stylesheet">
+  <link href="./video-js/themes/forest/index.css" rel="stylesheet">
+</head>
+<body class="theme-auto">
+
+  <?php include "../common/header.html"; ?>
+
+<center>
+<div class="cont">
+
+<h1>Direktesending fra fuglekassa</h1>
+ <video id="live_stream" class="video-js responsive mainVid vjs-theme-forest" controls autoplay="true" preload="auto"
+  data-setup='{"controls": true, "autoplay": true, "responsive": true}'>
+    <source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
+ </video>
+</div>
+</center>
+</body>
+  <script src="./video-js/video.js"></script>
+  <script>
+    var player = videojs('live_stream');
+  </script>
+</html>
