body{
  background-color: rgba(235,165,171,0.6);
}
h1{
  
  text-align: center;
}
#container{
  position: relative;
  margin: auto;
  width: 350px;
  height: 450px;
  margin-top: 5%;
  background-color: rgba(220,236,215,0.6);
}
#corps{
  position: absolute;
  top:16.5%;
  left: 25%;
  width: 50%;
  height: 67%;
  background: #B47618;
  z-index: 2; /*  Le z-index:1 est notre container */
  border-radius: 50% 50% 42% 42%;
}
.elements{
  z-index: 3;
}
/*Ajouter le css images ici*/
#sourcils{
  position: absolute;
  top: 12%;
  left: 20%;

}
#yeux{
  position: absolute;
  top: 20%;
  left: 22%;
}
#pieds{
  position: absolute;
  top: 85%;
  left: -15%;
  right: 10%;
}
#chapeau{
  position: absolute;
  top: -8%;
  left: 0%;
}

#oreillegauche{
  position: absolute;
  top: 15%;
  left: 90%;
}
#maingauche{

  position: absolute;
  top: -19%;
  left: 68%;
}
#nez{
  position: absolute;
  top: 23%;
  left: 15%;

}
#oreilledroite{
  position: absolute;
  top: 19%;
  left: -20%;
}
#maindroite{
  position: absolute;
  top: 45%;
  left: -30%;
}
#footer {
  text-align: center; 
  margin-top: 20px; 
  color: white; 
}

#footer a {
  color: rgb(1, 1, 1); 
  text-decoration: none; 
}

#footer a:hover {
  text-decoration: underline; 
}