body {
  background-color: #ac7489;
  font-family: "Courier Prime", monospace;
  height: 100%;
}

#input {
  border: 4px black solid;
  height: 20%;
  background-color: #e5e4e2;
  border-radius: 5px;
  overflow: auto;
  width: 55%;
  margin: auto;
  padding: 5px;
}

.submit {
  background-color: #883d3d;
  border: 2px black solid;
  /* width: 25vw; */
  height: 100px;
  text-align: center;
  cursor: pointer;
  height: 10%;
  color: #ebebed;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin-top: 3%;
  margin-bottom: 3%;
  padding: 0.5rem;
}

#out {
  display: flex;
  align-self: center;
  border: 4px black solid;
  width: 55%;
  height: 20%;
  margin: auto;
  background-color: #e5e4e2;
  border-radius: 5px;
  overflow: auto;
  resize: none;
}

#form {
  text-align: center;
  font-weight: bolder;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: max(fit-content, 175px);
  font-weight: bolder;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* #button{margin-left:43%} */