html{

  font-size: 20px;
}

/* ----------------------------- */
/* --- FONCTIONNEMENT DU BOT --- */
/* ----------------------------- */

#conversation,
#response{

  margin: 2rem;
  min-height: 1rem;
  padding: 1rem;
  display: inline-block;
  min-width: 10rem;

}

/* Signes après le nom du speaker */

#conversation li .speaker::after{

  content: ": ";
}


/* Cache la boîte de dialogue quand le bot parle */

body.wait #response{
  
  display: none;
}

/* Background de la boîte de dialogue */

#response{

  background: lime;
}

#conversation{

	background: yellow;
}

/* ----------------------------- */
/* ----------------------------- */
/* ----------------------------- */


body.eat{

    background: red;
}