Slight rewrite of index.html / stylesheet improvements

styles/styles.css

@@ -28,12 +28,31 @@ body {
 }
 
 .modal-background {
+    position: absolute;
+
+    z-index: -69;
+
+	display: flex;
+	flex-direction: column;
+
+	justify-content: center;
+	align-items: center;
+}
+
+.modal-background > video {
     position: fixed;
 
-    width: 100%;
-    height: 100%;
+	top: 50%;
+	left: 50%;
 
-    object-fit: cover;
+	width: 100%;
+	height: 100%;
+
+	-webkit-user-select: none;
+	user-select: none;
+
+	-webkit-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
 }
 
 div.warning {
@@ -42,7 +61,6 @@ div.warning {
     background: rgba(0, 0, 0, 0.6);
     width: 100%;
     height: 100%;
-    z-index: 69;
     top: 0;
     left: 0;
     flex-direction: column;
@@ -78,25 +96,29 @@ div.warning {
     padding: 0 8px 0 8px;
 }
 
-div.warning-modal {
-    position: fixed;
+.modal {
     display: flex;
-    background: rgba(0, 0, 0, 0.6);
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
     flex-direction: column;
+
     justify-content: center;
     align-items: center;
-    text-align: center;
+
+    position: fixed;
+
+    width: 100%;
+    height: 100%;
+
+    top: 0;
+    left: 0;
+
+    background: rgba(0, 0, 0, 0.6);
 }
 
-a.blue {
+.blue {
     color: #4287f5;
 }
 
-.thanks {
+.red {
     color: #FF0000
 }