

@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.9; }
}


body{
  margin: 0;
  border: 0;
  background-color: #1d2b53;
  /* filter: sepia(0.5) grayscale(0.3) contrast(1.2); */
  animation: flicker 0.15s infinite;
}

#fond{
  position: fixed;
  background-color: #1d2b53;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: 0;
}

#teteGif{
  position: fixed;
  margin-left: 22.5%;
  margin-top: -5%;
  width: 55%;
  height: 105%;
  background-image: url("cybergirl_3.gif");
  background-size: 98%;
  background-repeat: no-repeat;
}


#tete{
  position: fixed;
  border: 0;
  display: none;
  margin-left: 22.5%;
  margin-top: -5%;
  width: 55%;
  height: 105%;
  background-size: 110%;
  background-repeat: no-repeat;
}


#barreStress{
  position: fixed;
  margin-top: 2%;
  margin-left: 2%;
  width: 300px;
  height: 85px;
  background-image: url("barre/barre1.PNG");
  background-size: 100%;
}


#questionInput{
  /* background-color: #FF77A8; */
  position: fixed;
  width: 50%;
  bottom: 10%;
  margin-left: 25%;
}

#envoyerQuestion{
  background-color: #7E2553;
  position: fixed;
  width: 10%;
  bottom: 5%;
  margin-left: 45%;
  border-radius: 15px;
}


#reponseContainer{
  position: fixed;
  width: 10%;
  height: 100%;
  right: 0;
}


