@charset "UTF-8";

.header {
    margin-bottom: 2em;
    height: 10vh;
}

body {
  background: url("/static/img/background.jpg") no-repeat center center fixed;
  background-size: cover;
}


.chatcontent {
    width: 70%;
    min-width: 10em;
    margin: auto;
    padding: 1em;
    background-color: rgba(255,255,255,0.5);
    overflow-y: auto;
    height: 85vh;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;    
}

.botmessage {
    color: black;
}

.usermessage {
    color: brown;
}
.errormessage {
    color: red;
}

.messages {
    flex-grow: 1;
    display: flex;
    flex-direction: column; /* Invierte el orden de los elementos */
    justify-content: flex-end;
    padding: 10px;
    overflow-y: scroll; /* Hacer que el div tenga scroll vertical */
    scroll-behavior: smooth;
}