From 08e61f3859d9475252a9ff5e4b5147f0a092a1ce Mon Sep 17 00:00:00 2001 From: Rei Date: Thu, 22 Aug 2024 14:38:34 +1000 Subject: [PATCH] Add formatting for video background playback --- styles.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index e446670..ae8d225 100644 --- a/styles.css +++ b/styles.css @@ -1,16 +1,26 @@ body { margin: 0; padding: 0; - display: flex; height: 100vh; - justify-content: center; - align-items: center; - background-color: #f0f0f0; + overflow: hidden; font-family: Arial, sans-serif; } +#bg-video { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + object-fit: cover; + transform: translate(-50%, -50%); + z-index: -1; +} + .centered-content { + position: relative; text-align: center; + color: #ffffff; } h1 {