header,
body,
footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img {
  max-width: 100%;
  height: auto;
}

.avatar {
  img {
    height:180px;
    margin: 15px 0px 0px 0px;
  }
}

.avatar:hover {
  img {
    opacity: 0.5;
  }
}

h1 {
  font-size: 1.8em;
  font-weight: normal;
  font-family: 'Montserrat';
  margin: 10px 0px -10px 0px;
}

h2 {
  font-size: 0.9em;
  font-weight: normal;
  font-family: 'Montserrat';
  margin: 10px 0px 20px 0px;
}

.intro {
  text-align: center;
  margin: 5px 0px 5px 0px;
  img {
    height: 20px;
    margin: 0px 5px 0px 0px;
  }
}

a {
    color: #90B5A0;  
    text-decoration: none;
  }

a:hover {
    color: white;
    text-decoration: underline;
  }

body {
    background-color: #0c2e1e;
    font-family: 'Montserrat';
    color: #90B5A0;
}

/* revoir les picto / les passer en svg */

.listeboutons {
  display: flex;
  flex-direction: column;
}

.bouton {
    background: #0F7543;
    font-family: 'Montserrat';
    color: white;
    text-decoration: none;
    text-align: center;
    border-radius: 30px;
    padding: 10px 20px;
    margin: 0px 0px 15px 0px;
    img {
      height: 20px;
      margin: 0px 5px 0px 0px;
    }
  }
  
.bouton:hover {
    background: #0F7543;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    text-decoration: none;
  }

.bouton:active {
  background: #7A5525;
  box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}

footer {
  font-family: 'Montserrat';
  font-size: 0.6em;
  font-weight: normal;
  margin: 15px 0px 0px 0px;
}

footer a {
  color: white;
}