h2 {
            color: rgb(61, 108, 247); /* Cambia el color del encabezado a azul */
            text-align: center;
            font-weight: 700;

        }


body {
  background-image: url('../images/unir.png'); /* Reemplaza 'imagen.jpg' con tu archivo */
  background-repeat: repeat; /* Evita que la imagen se repita */
}

#video-container {
    width: 80%;
    margin: auto;
    background: #222;
    padding: 10px;
    border-radius: 10px;
}

#video-player {
    width: 100%;
    border-radius: 10px;
}

#controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

button, input[type="range"] {
    background: #444;
    color: rgb(14, 213, 239);
    border: none;
    padding: 10px;
    cursor: pointer;
}

button:hover {
    background: #666;
}