/* #page {
    max-height: 10vh;
} */
/* 
body {
    overflow-y: hidden;
} */

#messages {
    max-width: 30%;
    /* min-width: 90%; */
    max-height: 40em;
    border: 1px dashed #ccc;
    overflow-y: scroll;
    padding: 10px;
    margin-bottom: 20px;
}

.message {
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-family: monospace;
}

.username {
    font-weight: bold;
    color: blue;
    font-family:'Times New Roman';
}

.timestamp {
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
}

#charCount {
    font-size: 0.9em;
    color: grey;
}

@media (max-height: 900px) {
    #messages {
      max-width: 90%;
      max-height: 30em;
    }
  }

@media (max-width: 900px) {
  #messages {
    max-width: 90%;
    min-width: 90%;
    max-height: 30em;
  }
}