.header.header {
color: rgb(100, 136, 92);
display:flex ;
}

#logo img {
  padding-top: 10px;
  width: 70px;
  height: auto;
}

.avatar {
  width: 220px;
}

.contenedor-imagenes {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 12px;
  flex-wrap: wrap;
}

.contenedor-imagenes img {
  width: 150px;
}

.materias-aprobadas {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}