refactor video section layout and styles for improved presentation

index.html

@@ -42,14 +42,15 @@
         </div>
       </nav>
 
-      <H1>KAMPIOENEN VAN DE NACH</H1>
-
+    <div class="video-container text-center">
+        <h1>KAMPIOENEN VAN DE NACH</h1>
         <video autoplay loop class="background-video">
             <source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
-
+        </video>
         <div class="inhoud">
             <button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
         </div>
+    </div>
 
         
     <!-- <div class="container mt-5">

style.css

@@ -86,3 +86,22 @@
 .item button {
     width: 100%;
 }
+
+.video-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    margin-top: 20px;
+}
+
+.background-video {
+    max-width: 100%;
+    height: auto;
+    margin-top: 15px;
+}
+
+.inhoud button {
+    margin-top: 10px;
+}