.output {
  opacity: 0;
  transition: opacity 0.5s,
  height 0.5s;
  font-size: clamp(1rem, 2.5vh, 2.5rem);
}

.output.show {
  opacity: 1;
  color: white;
  font-weight: 500;
  background-color: rgb(70, 70, 70);
  margin-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  height: 100%;
  width: 80%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.output.error {
  opacity: 1;
  color: rgb(255, 90, 90);
  font-weight: 500;
  background-color: rgb(70, 70, 70);
  margin-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  height: 100%;
  width: 80%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}