@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');

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


body {background: #edf9fd; font-family: 'Open Sans Condensed', sans-serif; text-align: center}
header {background: rgb(216, 162, 197)}
h1 {color: white; font-size: 3rem}
h2{ color: white}
h3{ color: black; font-weight: 700;}
h4{ color: black; font-weight: 500;}
footer p{color: #eda4d1; font-size: 0.7rem;}

h5{ color:black; font-size: 2rem; }


.general{display: flex;
        justify-content: space-around;
}


.vinculo{text-decoration: none; color: black; font-size: 1.5rem;}



.vinculo:hover{background: rgb(216, 162, 197);}
.vinculos:hover{background: rgb(255, 255, 255);}
.contenedor{max-width: 75rem; margin: auto;}



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

.niveles {
    width: 20%;
    background-color:  #fff9df;
    text-align: left;
    padding: 3rem;
    line-height: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    border-radius: 2rem;
    box-shadow: 0.2rem 0.2rem 0.2rem #d4d4d4
}

.menu a {color: black;
text-align: center;
padding: 1rem;
    text-decoration: none;
     font-size: 1.5rem;
}
.menu a:hover {color: black; font-weight: bold;
box-shadow: 0px 4px 0px 0px black;}

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

.menu 
    {background-color: rgb(216, 162, 197);
    padding: 1rem;
border-bottom: solid black; }


header img{
    margin-right: 24px;
    border-radius: 50%;
    border-style: double;
    border-width: 4px;
    top: 48px;
    height: 180px;
    width: 180px;
    padding: 0rem;
    margin: 1rem;
    align-self: center;
}