.video-container {
    width: 560px; /* Ancho del video */
    height: 315px; /* Alto del video */
    border: 1px solid #ffffff; /* Borde sólido */
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1); /* Sombra */
    margin: 0 auto; /* Centrar el contenedor */
    overflow: hidden; /* Ocultar parte de la sombra que se extiende más allá del contenedor */
    position: relative; /* Establecer posición relativa para que la sombra esté detrás del contenedor */
}

.video-container video {
    width: 80%;
    height: 80%;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}