
#playButtonDiv{
  left: 4vw;
}

#girlImg{
  margin-left: 7vw;
  position:absolute;
  bottom:6vh;
  }
#ballDiv{
  position: absolute;
  margin-top: 81vh;
  z-index: -1;
}
#queOuterDiv{
  height: 100vh;
}
#queText{
  left: 0.5vw;
  height: 40vh;
  margin-top: 5vh;
}
#queOuterDiv, #queText, .optionCss{
  user-select: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
#hindiQueText{
  margin-top: 4vh;
  color: brown;
}
#engQueText{
  margin-top: 5vh;
  color: black;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: wrap;
  border-radius: 0.8vw;
}
#engQueText, #hindiQueText{
  font-size: 2.2vw;
  font-weight: bold;
  text-align: center;
  padding: 0px 20px;

}
span{
  margin-right: 0.5vw;
}
#ansOptionDiv{
  margin-top: 13vh;
  right: 1vw;
}
.optionCss {
  height: 12vh;
  padding: 15px 25px;
  font-size: 2.7vw;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: blue;
  display: flex;
  align-items: center;
  justify-content: center;
  /* text-transform: capitalize; */
}
.optionCss:active {
  transform: translateY(4px);
}

#ansSignalDiv{
  margin-top: 7vh;
  right: 1.5vw;
}

#playAgainDiv{
  right: 4vw;
}

.pulse{
  animation: pulse-black 1.5s infinite;
  }
  @keyframes pulse-black {
  0% {
  transform: scale(0.85);
  }
  70% {
  transform: scale(1);
  }
  100% {
  transform: scale(0.85);
  }
  }

  @-webkit-keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  @keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    animation-duration: 1s;
  } 