* {
  box-sizing: border-box;
}

html, body {
  width: 100wh;
  height: 100vh;
  margin: 0;
  padding: 0;
}

#container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#button {
  cursor: pointer;
  flex: 0 0 1000px;
  height: 1000px;
  border: 5px solid black;
  border-radius: 50%;
  background: url('simonbuttonquiet.png') no-repeat calc(50% + 50px) calc(50% - 50px), linear-gradient(0deg,rgba(171, 0, 0, 1) 53%, rgba(255, 224, 224, 1) 100%);
}

#button:active {
  background: url('simonbuttonyell.png') no-repeat calc(50% + 50px) calc(50% - 50px), linear-gradient(0deg,rgba(232, 9, 9, 1) 13%, rgba(176, 0, 0, 1) 85%);
}
audio {
  display: none;
}