From d9c39b7d11edc9472afacf33fc3d7a895e9a2b29 Mon Sep 17 00:00:00 2001
From: Rat poop <105378453+AJYaBoi@users.noreply.github.com>
Date: Mon, 5 Aug 2024 12:50:34 -0400
Subject: [PATCH] Update index.html

---
 VideoPlayer/index.html | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/VideoPlayer/index.html b/VideoPlayer/index.html
index 09e6952..34e7453 100644
--- a/VideoPlayer/index.html
+++ b/VideoPlayer/index.html
@@ -10,16 +10,19 @@
             overflow: hidden;
             background-color: #000;
             display: flex;
-            flex-direction: column;
             justify-content: center;
             align-items: center;
             height: 100vh;
             width: 100vw;
             color: white;
             font-family: Arial, sans-serif;
+            position: relative; /* Allow absolute positioning within */
         }
-        .dvd {
+        .dvd-container {
             position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
             width: 300px;  /* Size set to 300px x 100px */
             height: 100px; /* Size set to 300px x 100px */
             background-size: contain;
@@ -33,18 +36,6 @@
             border: 2px solid #fff;
             background-color: #000;
         }
-        .dvd-container {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 300px;  /* Size set to 300px x 100px */
-            height: 100px; /* Size set to 300px x 100px */
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-            z-index: 10;
-        }
         .dropzone {
             width: 100%;
             height: 100%;
@@ -55,6 +46,7 @@
             background-color: #000;
             color: #fff;
             text-align: center;
+            position: relative; /* Allow positioning of DVD logo inside */
         }
         .hidden {
             display: none;
@@ -114,4 +106,3 @@
     </script>
 </body>
 </html>
-