Update index.html

index.html

@@ -48,9 +48,18 @@
   <script src="./static/js/index.js"></script>
 
   <style>
+        body {
+            display: flex;
+            justify-content: center; /* Centers horizontally */
+            align-items: center; /* Centers vertically */
+            height: 100vh; /* Full viewport height */
+            margin: 0;
+            background-color: #f4f4f4;
+            font-family: Arial, sans-serif;
+        }
         .container2 {
             display: flex;
-            flex-direction: row; /* Ensures horizontal alignment */
+            flex-direction: row; /* Horizontal alignment of videos */
             gap: 20px; /* Space between videos */
             text-align: center;
         }
@@ -62,7 +71,6 @@
         video {
             width: 300px; /* Adjust width as needed */
             height: auto;
-            border: 1px solid #ccc;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
     </style>