body{font-family: 'Chivo', sans-serif; font color: white; align-content: center}

header{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-image: url(fondo.jpg);
    color: white;
    }

.links{text-align: center; margin: 3% }
.fotoynombre{text-align: center;  margin-bottom: 3rem; margin-top:3rem;  color: aliceblue
}

section p {color: dimgrey; 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:#9bcde8; padding: 0.5rem; }

.plan{text-decoration: none; color: white; }
.plan:hover{background:#9bcde8; padding: 0.5rem;}

.mapa{text-decoration: none; color: white; }
.mapa:hover{background: #9bcde8; padding: 0.5rem; }

.app{text-decoration: none; color: white; }
.app:hover{background: #9bcde8; padding: 0.5rem;}


.materias { display: flex;
}
.disenio {background: linear-gradient( white, #e5e5e5); text-align: center; align-content: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
    ; 
}

.aprobadas1 {background: linear-gradient( white, #e5e5e5); text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
 }

.aprobadas2 {background: linear-gradient( white, #e5e5e5); text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
}

.aprobadas3 {background:linear-gradient( white, #e5e5e5); text-align: center; 
    width: 25%;
    padding: 2%;
    margin: 0.5%;
        
}

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

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



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