@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{ margin: 0; padding: 0; box-sizing: border-box;}
body{background: #E6E6E6; font-family: "Roboto", sans-serif;}

.nav{
    display: flex;
    background-color: #000000;
    justify-content: space-between;
    a{color: aliceblue;}
    font-size: 1rem;
    align-items: center;
    padding: 2rem;
    padding-right: 10rem;
    padding-left: 10rem;
}
a:hover{color: blue;}

.grupo{
    display: flex;
    background-color: #ffffff;
    a{color:blue;}
    text-align: center;
    justify-content: space-around;
    font-size: 1rem;
    align-items: center;
    padding: 1rem;
    padding-right: 12rem;
    padding-left: 12rem;
}

.yo{
    display: flex;
    margin: 4%;
    justify-content: center;
    align-items: center;
    h1{color: blue;; font-size: 3rem; padding-left: 2rem;}
    p{text-align: left; color:#000000; font-size: 2rem; padding-left: 2rem;}
    img{width: 14rem; border-radius: 7rem;}
    }

.materias{display: flex; justify-content: space-between; margin: 4%;}
.nivel-1 {background: #ffffff; width: 33%;}
.nivel-2 {background: #ffffff; width: 33%;}
.nivel-3 {background: #ffffff; width: 33%;}
h3{text-align: center; color: blue;}
ul{list-style-type: none; text-align: center; line-height: 18pt; margin: 8%;}

a{color: #000000;
    text-decoration: none;
    justify-content: center;
    display: flex;
    column-gap: 3.5rem;
}

.creditos{
p{color: grey; line-height: 18pt; text-align: center;}
}
.texto2{font-weight: 700; padding-top: 1rem;} 

.pie{text-align: center;
    p{color: #939292; font-size: 0,7rem; line-height: 16pt; padding-bottom: 2rem;}
}
.logo{width: 18rem; padding: 2rem 0 3rem 0;}