@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;1,200;1,300;1,400&family=Open+Sans+Condensed:ital,wght@1,300&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;}
body {background: white; font-family: 'Open Sans Condensed', sans-serif; text-align: center; margin: 0; }

header { background-color:  lightcoral; color: white} 

#titulo {padding: 2.5rem;}

h1 {color: white;font-family: 'Open Sans Condensed', sans-serif;} 

h2 {color: black;font-family: 'Open Sans Condensed', sans-serif;}

p {color: black;font-family: 'Open Sans Condensed', sans-serif;}

h4 {color: black;font-family: 'Open Sans Condensed', sans-serif;}

body p{color:black; font-size: 0.9rem; }

.menu 
    {background-color: lightpink;
    padding: 1rem;
 }

.menu a {color: black;
text-align: center;
padding: 1rem;
}

.menu a:hover {color: black; font-weight: bold;
}


ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li {
    display: inline;
    padding: 1rem;
}

a {
    text-decoration: none;
}

section {
    margin: 3rem;
}


img { border: 0.2rem solid black;
    border-radius: 60%;
    width:10%;
}

.nombre {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 2rem;
}

.sofia{border: 0.2rem solid lightpink;}


.materias article {
    display: flex;
    justify-content: center;
    
}

.niveles {
    width: 30%;
    background-color: lightpink;
    text-align: left;
    padding: 3rem;
    line-height: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    border-radius:2rem;
}

.integrantes  {
    width: 30%;
    background-color: lightpink;
    text-align: left;
    padding: 3rem;
    line-height: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    border-radius:2rem;
   
}

.integrantes a {color: black; text-align: center;
padding: 1rem;}

.integrantes a:hover{color:black;font-weight: bold;}


footer { 
    width: 100%;
    background-color:lightcoral;
    color: black;
    padding: 2rem;
    font-size: 0.7rem;
    bottom: 0;
    
}