static/styles/styles.css

#MainMenu {
  visibility: hidden;
}

footer {
  visibility: hidden;
}

header {
  visibility: hidden;
}


.chat-row {
  display: flex;
  margin: 5px;
  width: 100%;
}

.row-reverse {
  flex-direction: row-reverse;
}

.chat-bubble {
  font-family: "Source Sans Pro", sans-serif, "Segoe UI", "Roboto", sans-serif;
  border: 1px solid transparent;
  padding: 5px 10px;
  margin: 0px 7px;
  max-width: 70%;
}

.ai-bubble {
  background: linear-gradient(135deg, rgb(247, 136, 247) 0%, rgb(249, 71, 210) 100%);
  color: white;
  border-radius: 10px;
}

.human-bubble {
  background: linear-gradient(135deg, rgb(0, 178, 255) 0%, rgb(0, 106, 255) 100%); 
  color: white;
  border-radius: 20px;
}

.chat-icon {
  border-radius: 5px;
}