styles.css

body {
  overflow-x: hidden;
  height: 100%;
}

.top,
.bottom {
  background-color: #75DBCE;
  min-height: 2.5rem;
  width: 100%;
  position: relative;
}

.wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  text-align: center;
}

.wrapper input {
  width: 5rem;

}

/* .top {
  top: 0;
}

.bottom {
  bottom: 0;
} */

.top input,
.bottom input {
  display: inline-block;
  float: left;
  margin-right: 3rem;
}

.message {
  background-color: #B6D7E4;
  min-height: 55rem;
  width: 100%;
  /* position: absolute; */
}

.input-wrapper input {
  width: 95%;
  /* margin-right: 1rem;
  margin-left: 1rem; */
  float: right;
}

.input-wrapper {

}

#alert {
  font-size: 20px;
  color: red;
  display: none;
}

#message {
  display: block;
  width: 99.6%;
  min-height: 50rem;
  margin-top: 2rem;
}