/* Estilos generales */
body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Estilos para el contenedor de enlaces */
.enlaces {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.enlaces a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}

/* Estilos para el contenedor del videojuego */
.videojuego {
    position: absolute;
    top: 40px; /* Altura del espacio para enlaces */
    width: 100%;
    height: calc(100% - 40px); /* El alto restante después del espacio para enlaces */
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Media query para pantallas pequeñas, por ejemplo, teléfonos */
@media screen and (max-width: 768px) {
    .enlaces {
        padding: 5px; /* Reduce el espacio vertical en pantallas pequeñas */
    }
    
    .enlaces a {
        font-size: 14px; /* Ajusta el tamaño de fuente para enlaces en pantallas pequeñas */
    }
    
    .videojuego {
        top: 30px; /* Ajusta la posición del videojuego en pantallas pequeñas */
    }
}