From 5af5b7dfd87aa2d9d4ee7323357b6f0d825f3192 Mon Sep 17 00:00:00 2001
From: EspenVista <522581@vistacollege.nl>
Date: Wed, 9 Apr 2025 09:21:13 +0100
Subject: [PATCH] update

---
 index.html | 33 ++++++++++++++++++++++++---------
 style.css  |  8 ++++++++
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 46e75ba..8c3a336 100644
--- a/index.html
+++ b/index.html
@@ -51,15 +51,30 @@
     </div>
 </nav>
 
-    <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>
+<video id="myVideo" 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>
+
+<button onclick="toggleVideo()">⏯ 
+  
+</button>
+
+<script>
+  function toggleVideo() {
+    const video = document.getElementById('myVideo');
+    if (video.paused) {
+      video.play();
+    } else {
+      video.pause();
+    }
+  }
+</script>
+
+
+
+
+
+
 
         
     <!-- <div class="container mt-5">
diff --git a/style.css b/style.css
index 1d82b68..3d56433 100644
--- a/style.css
+++ b/style.css
@@ -100,8 +100,16 @@
     max-width: 100%;
     height: auto;
     margin-top: 15px;
+    display: flex;
+    justify-content: center;
 }
 
 .inhoud button {
     margin-top: 10px;
+}
+
+.background-video {
+    display: flex;
+    justify-content: center;
+
 }
\ No newline at end of file