34 lines
788 B
CSS
34 lines
788 B
CSS
|
body, html {
|
||
|
|
font-family: 'Segoe UI', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
height: 100%;
|
||
|
|
background-color: black;
|
||
|
|
font-size: 16px; /* Establish a base font size */
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.video-container, .image-container {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
width: calc(90vh * 16 / 9);
|
||
|
|
max-width: 100vw;
|
||
|
|
overflow: hidden; /* Ensure no overflow occurs */
|
||
|
|
}
|
||
|
|
|
||
|
|
.video-container video, .image-container img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
object-fit: contain; /* Ensure the image/video covers the container without stretching */
|
||
|
|
}
|