@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
*{ margin: 0; padding: 0; box-sizing: border-box;}

/* 

selector{propiedad:valor;} 

*/

body{background: #00beeb; text-align: center; font-family: 'Montserrat', sans-serif;}
header{background: #00beeb; font-family: 'Montserrat', sans-serif; display: flex; justify-content: space-between;}
h1{color: #d8f9ff; font-family: 'Montserrat', sans-serif; font-size: 8rem; margin-top: 6%; margin-left: 5%; white-space: nowrap;}
h2{color: black; font-family: 'Montserrat', sans-serif; font-size: 1.2rem;}
h3{color: rgba(0, 126, 84, 0.88); font-family: 'Montserrat', sans-serif; font-size: 2rem;}
h4{color: rgb(83, 83, 83); font-family: 'Montserrat', sans-serif; font-size: 1.2rem;}
footer{background: #00beeb; margin-top: 0%; margin-bottom: 0%;}
footer p{background: #00beeb; font-size: 0.7rem; font-family: 'Montserrat', sans-serif;}
a{text-decoration: none; color: black;}
p{font-size: small;}


.integrantes{
    background: #9cd7e2;
    width: 50%;
    padding: 2%;
    min-height: 5rem;
    
}



.redondo{ 
    margin-top: 4%;
    margin-right: 10%;
    margin-bottom: 2.2%
    
    

}

.redondo2{
    border-radius: 50%;
    border: solid;
    border-color: aliceblue;
    width: 80%;
}

.app{background: #82d2e2; padding 1rem;
    padding: 1%;
    width: 50%;)
   
}

.materias{background: #6fcbde;
    padding: 2%;
    width: 50%;
    min-height: 5rem;
    display: flex;
    flex-direction: column;
    

}

.vertical{
    display: flex;
}

.titulo-materias{
    margin-left:;
}

.columna-1{ background: #50cae3;
    padding: 2%;
    width: 50%;
    min-height: 5rem;
}

.section{display: flex;}    

.abajo{display: flex}

.catedra{
     width: 50%; 
    height: 50%;
    margin-top: 0.5%;
    margin-bottom: 1px;
}


.contenedor{
    background-color: #00beeb;
}




    




.hiper:hover{border-bottom: 1px solid rgba(222, 222, 222, 0.61);
            color: rgba(239, 239, 239, 0.92);

}

.link-activo{text-decoration: line-through;}

.hiper2:hover{color: rgba(105, 105, 105, 0.92); border: 0.1px solid;}

.hiper3:hover{color: rgba(105, 105, 105, 0.63);}

nav{background: rgba(0, 190, 235, 0.26); padding 1rem;
    padding: 2%;
    font-size: 1.4rem;
    margin-bottom: 2%;
    margin-right: 65%;
}
nav ul li{display: inline-block;}
nav ul li a{color: white; text-decoration: none; background: rgba(0, 190, 235, 0.87);}



/* Estilos generales */