.titre{
  background: rgba(255, 255, 255, 0.6);
  padding:2%;
  font-size: 100px;
  text-align: center; 
  font-family: Amatic;
  width:50%;
  margin:auto;
  border-radius: 25px;
}

.heade{
  width:50%;
  mix-blend-mode:screen;
  text-align: center;
  margin:auto;
}

.navigation{ 
  color:black;
  text-align:center;
  width:50%;
  padding:1%;
  margin:auto;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.6);
  display:flex;
  justify-content:space-evenly;
}

.gallerie{
  text-align:center;
}

.gallerie img{
  width:180px;
  height:180px;
  border-radius: 15%;
  border-style: double;
  border-color: white;
  border-width:thick;
  margin:1%;
  text-align:center;
  display:inline-grid;
  flex-wrap:wrap;
  }
  
.gallerie img:hover{
  border-color: black;
  transition: .5s ease;
}

@font-face {
  font-family: Amatic;
  src: url(Fonts/AmaticSC.ttf);
}

@font-face {
  font-family: Architex;
  src: url(Fonts/Architex.ttf);
}

@font-face {
  font-family: Armadillo;
  src: url(Fonts/Armadillo.ttf);
}

@font-face {
  font-family: Rudiment;
  src: url(Fonts/Rudiment.ttf);
}