body{
  font-family: 'Amatic SC', cursive;
}
#contenedor {
  width: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
}

#mainNav {
  flex-grow: 0.125;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;

}
#bio {
  display: flex;
  flex-grow: 0.375;
  flex-direction: column;
  align-items: center;
  margin-top: 4%;

}
#bio h1 {
  font-size: 3em;
}
#bio p {
  margin: 7%;
  text-align: justify;

}
#portfolio {
  display: flex;
  flex-grow: 0.3;
  flex-direction: column;
  align-items: stretch; /* center */
}
#slideshow{
 align-self: center;
}

.slide{

}

#navPortfolio {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;

}
#carrera {
  flex-grow: 0.15;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#carrera ul{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  font-size: 1.5em;
}
#carrera h2 {
  align-self: center;
}

li{
  list-style: none;
  font-weight: bold;


}
aside {
  display:flex;
  justify-content: center;
  align-items: center;

}
aside p {
font-size: 1.5em;
}
footer{
  flex-grow: 0.05;
  margin:7%;
  text-align: justify;
}

a {
  color: black;
  text-decoration: none;
  font-size: 1.6em;
  border: 2px dotted black;
  padding: 2%;
  margin-top: 2%;

}
a:visited {
    color:inherit;
}

a:hover{
  text-shadow: 4px 2px 8px #9e9e9e;
  transition: text-shadow 0.25s;
}



.avatar {
  border-radius: 50%;
  /* display: block;
  border-radius: 50%;
  /* width: 30%;
  height:30%; */
  /* margin-bottom: 70px; */

}





/* footer {
  font-size: 0.8em;
  margin-top: 50px;
  background-color: grey;
  color: white;
  padding: 10px;

} */

@media only screen and (max-width: 400px) {
    img {
        width: 100%;
    }
    #mainNav {
      flex-direction: column;
      text-align: center;
    }
    #navPortfolio{
      flex-direction: column;
      text-align: center;
    }
}