From e3833107ae203eb0ae7114fef55ee0152b575bfb Mon Sep 17 00:00:00 2001
From: EspenVista <522581@vistacollege.nl>
Date: Tue, 8 Apr 2025 11:01:57 +0100
Subject: [PATCH] update

---
 index.html |  8 +++++---
 style.css  | 20 ++++++++++++++++++++
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 40d043c..b97843b 100644
--- a/index.html
+++ b/index.html
@@ -48,11 +48,13 @@
         </div>
       </nav>
 
-      <video autoplay muted loop class="background-video">
+      <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">
+        <button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
 
-
-
+        
     <!-- <div class="container mt-5">
         <h1 class="text-center">Koop je tickets voor Spik en Span!</h1>
         <form id="ticketForm" action="process_ticket.php" method="POST" class="mt-4">
diff --git a/style.css b/style.css
index 4cbb10b..9331ca2 100644
--- a/style.css
+++ b/style.css
@@ -19,6 +19,7 @@
     justify-content: right;
     background-color: #000;
     padding: 10px 20px;
+    color: black;
     }
 
     .logo {
@@ -127,3 +128,22 @@ p {
     margin: 0;
 }
 
+.achtergrond-video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index: -1; 
+  }
+  
+  .inhoud {
+    position: relative;
+    z-index: 1;
+    color: white;
+    text-align: center;
+    margin-top: 20vh;
+  }
+  
+