#status {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  flex-flow: column;
}

#status #answer {
  font-size: 40vmin;
}

#status #time {
  font-size: 5vmin;
}

#controls {
  display: none;
  justify-content: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

#controls button {
  margin: 0px 1rem;
  border: none;
  padding: .5rem 1rem;
  min-width: 15vw;
  font-size: 5vmin;
  color: white;
}

#yes_button {
  background: rgb(81, 200, 95);
}

#yes_button:active {
  background: rgb(58, 142, 68);
}

#no_button {
  background: rgb(231, 51, 51);
}

#no_button:active {
  background: rgb(149, 33, 33);
}

body {
  margin: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
}

html {
  height: 100%;
}

#subscribe_button {
  margin: 0px 1rem;
  margin-top: 2rem;
  border: none;
  padding: .5rem 1rem;
  color: white;
  background: rgb(64, 127, 236);
}

#subscribe_button:active {
  background: rgb(43, 82, 149);
}

#subscribe_button:disabled {
  background-color: rgb(94, 94, 94);
}