@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

*{margin: 0.5rem; padding: 3; box-sizing: border-box;
}

body {background: #3582d0; }
h1 {color: black; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 2rem }
h2 {color: white; 
margin: 1rem;
}

h3 {color: black; font-size: 1.2rem; font-weight: 600; }
h4 {color: black; font-size: 1.2rem; font-weight: 600; }
h5{color: black; font-size: 1rem; }
p {font-size: 0.9rem }

section p {color: black; font-family: sans-serif; 1.2rem; }
section h2 {color: white; font-family: sans-serif; }

header{background-image: }

.links{text-align: center; margin: 3% }

.inicio{color: white; text-decoration: none; }
.inicio:hover{background: pink; padding: 0.5rem; border-radius: 0.5rem; }

.plan{text-decoration: none; color: white; }
.plan:hover{background: pink; padding: 0.5rem; border-radius: 0.5rem; }

.mapa{text-decoration: none; color: white; }
.mapa:hover{background: pink; padding: 0.5rem; border-radius: 0.5rem; }

.app{text-decoration: none; color: white; }
.app:hover{background: pink; padding: 0.5rem; border-radius: 0.5rem; }


.fotoynombre{text-align: center;  margin-bottom: 5rem;
}


.avatar {
    height: 10rem;
    width: 10rem;
border-radius: 25rem;
}

.materias { display: flex;
}
.disenio {background: pink; text-align: center;  
    width: 25%;
    padding: 2%;
    margin: 0.5%;
    border-radius: 3rem 0rem 0rem 3rem; 
}

.aprobadas1 {background: pink; text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
 }

.aprobadas2 {background: pink; text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
}

.aprobadas3 {background: pink; text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
    border-radius: 0rem 3rem 3rem 0rem;
        
}

.contenedor {max-width: 75rem; margin: auto; font-family: 'Montserrat', sans-serif;
}

footer p {color: black; font-size: 0.7rem; margin-top: 3rem; }