.NewQuote {
  text-align: center;
  height: 45%;
  width: 45%;
  border: none;
  border-radius: 5px;
  font-size: 0.8em;
  font-weight: bold;
  margin: auto;
}

.NewQuote:focus {
  outline: 0;
}

.red-background {
  background-color: #ff1500;
  color: #000000;
}

.blue-background {
  background-color: #006Aff;
  color: #eaff00;
}

.yellow-background {
  background-color: #eaff00;
  color: #006bff;
}

@media (orientation: portrait) and (max-device-width: 767px) {
  .NewQuote {
    height: 40%;
  }
}

@media (orientation: landscape) and (max-device-height: 450px) {
  .NewQuote {
    height: 60%;
  font-size: 1em;
  }
}
