.yellow-box {
  width: 100px;
  height: 100px;
  background: yellow;
}

body {
  margin: 0 auto;
  background: black;
}

.hidden {
  display: none;
}

#audio-input, #midi-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#audio-input + label, #midi-input + label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 150px;
  background: yellow;
  cursor: pointer;
}



/* #unmute-button {
  background-color: white !important;
}