style.css

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

input#req {
  background-color: antiquewhite;
  border: none;
  font-family: monospace;
}

input#req:focus {
  outline: none;
}

#control {
  align-items: center;
  background-color: rgb(255, 244, 230);
  border-bottom: 1px solid black;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 4px;
  position: sticky;
  top: 0;
  width: calc(100vw - 20px);
}

.divi {
  white-space: pre-wrap;
}

#maincont {
  background-color: antiquewhite;
  /* border: 1px solid black; */
  /* display: block; */
  font-family: monospace;    
  /* width: 100%; */
  height: 100%;
  /* margin: 8px 0; */
  overflow-y: scroll;
  padding-left: 1px;
}

#msg {
  display: flex;
  white-space: pre-wrap;
  visibility: hidden;
}

#msgbox {
  height: 100%;
  /* width: 100%; */
  white-space: pre-wrap;
  overflow-y: auto;
}

/*#prompt {
  font-weight: bold;
}*/

#req {
  /* bottom: 0; */
  /* position: absolute; */
  margin: 0;  
  width: calc(100vw - 20px);
}

.sent {
  color: red;
}

/*input[type="text"] {
  background-color: aqua;
}*/