Refactor styles for background video positioning and remove inline styles from index.html

This commit is contained in:
vista-man
2025-04-10 16:41:30 +02:00
parent 12e7176ac4
commit 9434ddf66d
2 changed files with 4 additions and 20 deletions

View File

@@ -7,15 +7,6 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<style>
.inhoud {
position: relative;
z-index: 1;
color: white;
text-align: center;
margin-top: 20px;
}
</style>
</head>
<body>

View File

@@ -147,21 +147,14 @@ p {
}
.background-video {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
margin-top: 15px;
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
max-height: 100%;
z-index: -1;
}
.background-video {
display: flex;
justify-content: center;