body, html {  
margin: 0;  
padding: 0;  
height: 100%;  
background-color: black;
}  

.video-container {  
position: relative;  
width: 100%;  
height: 100vh;  
overflow: hidden;  
}  

video {  
min-width: 100%;  
min-height: 100%;  
position: absolute;  
top: 50%;  
left: 50%;  
transform: translate(-50%, -50%);  
}  

.welcome-text {  
position: absolute;  
bottom: 10px;  
left: 50%;  
transform: translateX(-50%);  
font-size: 2em;  
color: white;  
font-weight: bold;  
text-align: center;  
}  

@media (max-width: 768px) {  
video {  
width: 100vw;  
height: auto;  
}  

.welcome-text {  
font-size: 1.5em;  
}  
}