.bmr-form {
  /* border: solid; */
  margin-top: 1rem;
}

.text-inputs-wrapper {
  gap: 10px;
  display: flex;
  flex-direction: column;
  max-width: 400px;
}

.bmr-results {
  margin-top: 20px;
  max-width: 600px;
  display: none;
}
.bmr-results.show {
  display: block;
}

@media screen and (min-width: 500px) {
  .text-inputs-wrapper {
    flex-direction: row;
    align-items: center;
    max-width: 450px;
    gap: 5px;
  }
}
@media screen and (min-width: 1200px) {
  .bmr-results {
    float: right;
    margin-top: -4.5rem;
  }
}