body{background-color: #d5baed; text-align: center;}
footer p {color: black; font-size: small;
 ;}


 <style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
</style>

h1 {font-family: "Noto Sans", sans-serif;}

h2 {font-family: "Noto Sans", sans-serif;;}
    
h3 {font-family: "Noto Sans", sans-serif;}

h4 {font-family: "Noto Sans", sans-serif;}

.icono {color: #755194;
max-width: 10rem;
display: flex;
background-color: aliceblue;
margin: 1rem;
border-radius: 1rem;
justify-content: center;
font-family:"Noto Sans", sans-serif;}

.cards-wrapper2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.card-jaz {
    display: flex;
    justify-content: left;
    background-color: aliceblue;
    margin: 1rem;
    border-radius: 0.5rem;
    font-family: "Noto Sans", sans-serif;
    
}

.card-san {
    display: flex;
    justify-content: center;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
    font-family: "Noto Sans", sans-serif;
}

.card-aye {
    display: flex;
    justify-content: right;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
    font-family: "Noto Sans", sans-serif;
}




.col card-materias {
    background-color: rgb(127, 92, 160);
}


.cards-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.card-materias {
    display: flex;
    background-color: #987eae ; 
    border-radius: 1rem ;
    margin: 1rem;
    font-family: "Noto Sans", sans-serif;
}

.card-materias2 {
    display: flex;
    background-color: #8d67af;
    border-radius: 10%;
    margin: 1rem;
    font-family: "Noto Sans", sans-serif;
}

.cards-materias3 {
    display: flex;
    background-color: #755194;
    border-radius:1rem ;
    font-family: "Noto Sans", sans-serif;

}

h3 {
    display: flex;
justify-content: left;
font font-family: "Noto Sans", sans-serif;
}

.card-universidad {
    display: flex;
    justify-content: left;
    font-family: "Noto Sans", sans-serif;
}

.grupo {
    display: flex;
    justify-content: left;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;

}

.catedra {
   display: flex;
    justify-content: left;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
}

.plan {
     display: flex;
    justify-content: left;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
}

.mapa {
     display: flex;
    justify-content: left;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
}

.app {
     display: flex;
    justify-content: left;
    margin: 1rem;
    background-color: aliceblue;
    border-radius: 1rem;
}

.menu2 {
    font-family: "Noto Sans", sans-serif;
 display: flex;
    flex-direction: row;
    justify-content: center;

}