header {
  display: flex;
  justify-content: space-evenly;
  font-family: sans-serif;
  margin-bottom: 3em;
}

section {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
section .avatar .photos {
  height: 25em;
  width: 20em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section .avatar .photo1 {
  background-image: url("images/photo1.png");
}
section .avatar .photo2 {
  background-image: url("images/photo2.png");
  margin-top: 80px;
}
section .avatar .photo3 {
  background-image: url("images/photo3.png");
}
section .avatar .photo4 {
  background-image: url("images/photo4.png");
}
section .avatar .photo5 {
  background-image: url("images/photo5.png");
  margin-top: 80px;
}
section .avatar .photo6 {
  background-image: url("images/photo6.png");
}
section .avatar .avatar-name {
  text-align: center;
  font-family: sans-serif;
}

footer {
  text-align: center;
  font-family: monospace;
  color: darkgray;
}

@media screen and (max-width: 990px) {
  header {
    margin: 0 2em;
  }
  section .avatar .photo4 {
    margin-top: 80px;
  }
  section .avatar .photo5 {
    margin-top: 0;
  }
  section .avatar .photo6 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 660px) {
  header {
    margin: 0 2em;
  }
  section .avatar .photo2 {
    margin-top: 0;
  }
  section .avatar .photo4 {
    margin-top: 0;
  }
  section .avatar .photo6 {
    margin-top: 0;
  }
}/*# sourceMappingURL=style.css.map */