Welcome to PG88
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}
.video-container {
position: relative;
width: 375px;
height: 100%;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-aspect-ratio: 375/668) {
video {
height: 100vh;
width: auto;
}
}
.content {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 375px;
height: 100%;
}
.button-container {
position: absolute;
width: 100%;
