/* @media (width < 75rem) {
  body {
    border: 2px solid green;
  }
}

@media (width < 56.25rem) {
  body {
    border: 2px solid blue;
  }
} */

@media (width < 37.5rem) {
  /* body {
    border: 2px solid red;
  } */

  header {
    gap: 10px;
  }

  #hud_box {
    border: 2px solid initial;
    padding: 0 5px;
  }

  header h1 {
    font-size: 1.2rem;
  }

  header p {
    font-size: 0.9rem;
  }

  header > .linha {
    display: none;
  }

  #input_container input {
    font-size: 0.8rem;
  }

  #input_container button {
    padding: 5px 10px;
    font-size: 1rem;
  }
}

@media (height < 45rem) {
  /* body {
    border: 2px solid red;
  } */

  header > p,
  header > .linha {
    display: none;
  }
}