body {
            font-family: "Montserrat", sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-repeat: no-repeat; 
            background-size:cover;
        }
 .fondo1 {
           background-image: url('../images/musica.jpg'); 
    }
 .fondo2 {
           background-image: url('../images/quimica.jpg'); 
    }
 .fondo3 {
           background-image: url('../images/fisica.jpg'); 
    }
 .fondo4 {
           background-image: url('../images/matematicas.jpg'); 
    }
 .fondo5 {
           background-image: url('../images/ciencia.jpg'); 
    }
 .fondo6 {
           background-image: url('../images/biologia.jpg'); 
    }
        .container {
            text-align: center;
            background-color: white;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width:60%;
           
        }
        .container button {
            width: 100%;
            padding: 15px;
            margin: 5px 0;
            font-size: 14px;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            background-color: #007BFF;
            color: white;
            transition: background-color 0.3s;
        }
        .container button:hover {
            background-color: #0056b3;
        }
.explicaciones {
    text-align:justify;
}
/* Media query para landscape */
@media only screen and (orientation: landscape) {
.language-tab {
            display: block;
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: #333;
            padding: 10px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            color: white;
            cursor: pointer;
        }

        .language-tab a {
            display: block;
            color: white;
            text-decoration: none;
            margin-bottom: 10px;
        }

        .language-tab a:hover {
            color: #f014bf;
        }

 .hidden {
            display: none;
        }

.idiomas {
    display:none;
    position:fixed; 
    top:10vh; 
    right:10vw; 
    display:flex; 
    gap:10px;
    z-index:9999;
  }
  .idiomas a {
    display:none;
    background-color:#fff; 
    color:#000; 
    padding:5px 10px; 
    border-radius:5px; 
    text-decoration:none;
  }
  .idiomas a:hover {
    background-color:#333;
  }
}

/* Media query para portrait */
@media only screen and (orientation: portrait) {
    

.language-tab {
            display:none;
            right: 0;
            top: 7%;
            padding: 10px;
            background-color: #007BFF;
            opacity:0.8;
        }

.language-tab a {
            display: none;
            color: white;
            text-decoration: none;
            margin-bottom: 10px;
        }

.idiomas {
    display:flex; 
    gap:10px;
    z-index:9999;
  }
  .idiomas a {
    background-color:#007BFF;
    color:#fff; 
    padding:5px 10px; 
    border-radius:5px; 
    text-decoration:none;
  }
  .idiomas a:hover {
    background-color:#333;
  }
  .container {
   width:90%;
  }

}