/* Since we're using Tailwind CSS, we don't need much custom CSS */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Custom styles for video container if needed */
.video-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
/* Ensure video maintains proper aspect ratio */
video {
    aspect-ratio: 21 / 11;
    object-fit: cover;
}
/* Hide video controls completely */
video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}