body{
  background-color: azure;
  /* width: 100vh; */
  height: 100vh;
  font-family: Futura, helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

}
main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 95%
}

div {
 height: 50%;
 margin: 10px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.circle {
  height: 100%;
  aspect-ratio : 1 / 1;
  border: 1px solid black;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 15vh;
  box-shadow:  20px 5px 10px rgba(0, 0, 240, .9);
}

#yes-circle {
  background-color: green;
}

#yes-circle:active {
  background-color: green;
}

#no-circle {
  background-color: red;
}