@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;500&display=swap');

*{ margin: 0; padding: 0; box-sizing: border-box;}


body{background: #c4d2f2; font-family: arial; text-align: center}

header{background: #00beeb;}

h1{color: white; font-family: 'Libre Franklin', sans-serif;}
h2{color: gray; font-family: 'Libre Franklin', sans-serif;}

footer p{color:gray; font-size: 0.7rem;}

.navegador { font-family: 'Libre Franklin', sans-serif; font-weight: 100; text-decoration: none; font-size: 1.1rem; padding: 0.5rem; display:inline-block;}

.navegador:hover { background: #91cee0;}

.rotulogrupal { 
    display: flex;
    justify-content: space-between;
}

.integrantes {
    background: white;
    width: 49.5%;
    padding: 5%;
    min-height: 8rem;
/*    border: 0.1rem solid blue; */
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.alumne { font-family: 'Libre Franklin', sans-serif; font-weight: 100; text-decoration: none; font-size: 1.1rem; padding: 0.5rem; display:inline-block;}

.alumne:hover { background: #91cee0;}

.negrita {font-family: 'Libre Franklin', sans-serif;font-weight: 500;}

.descripcion {
    background: white;
    width: 49.5%;
    padding: 5%;
    min-height: 8rem;
/*    border: 0.1rem solid blue; */
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.contenedor { max-width: 75rem; margin: auto;}