html {
    padding: 10px;
    font-family: Verdana, sans-serif;
}

.username {
  color: grey;
}

.input {
  margin-bottom: 5em;
  position: fixed;
}

html {
    padding: 10px;
    font-family: Verdana, sans-serif;
}

.username {
  color: grey;
}

.input {
  margin-bottom: 5em;
  position: fixed;
}

.messages {
  width: 100%;
  height: 30em;
  overflow: auto;
  border: 1px black;
  background-color: white;
}

Add message area overflow css
Add message area overflow css
