.option{
	top: 3.8vh;
    right: 0.8vw;
}
.outerDivCss{
	left: 0.8vw;
}
.wholeNoDivCss{
	top: 4.5vh;
    right: 1.2vw;
}
.coumaDivCss{
    top: 3vh;
    right: 0.3vw;
}
.unlikeFraction{
    margin-left: 0.5vw;
}
.unlikeFractionNum1{
    right: 1.7vw;
}
.borderBottom{
	border-bottom: 3px solid black;
}

#questionDiv {
	bottom: 6vh;
    color: yellow;
    font-size: 4vw;
    font-weight: bold;
	text-align: center;
}
#optionInnerDiv1{
	left: 5vw;
}
#boardImg{
	top: 15vh;
}
.optionInnerCss{
	bottom: 20vh;
	position: relative;
}
.EggCss{
  height: 30vh;
  color: black;
  font-size: 2.5vw; 
  font-weight: bold;
  text-align: center;
  user-select: none;
  overflow-y: hidden;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
#henDiv{
	bottom: -6vh;
	position: fixed;
}
#henImg{
	height: 100%;
}

#gameOverTextDiv {
  /* margin-top: 1vh; */
  color: white;
  font-size: 7vw;
  font-weight: bold;
  text-align: center;
}


@-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;
} 

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  animation-duration: 1s;
}

#responseBoxDiv{
   display: none; 
   position: fixed; 
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto; 
}
.overlay{
 z-index: 10;
 background-color: rgba(0,0,0,0.5);
}
.modal-content{
   background-color:rgba(38, 59, 95, 0.611764705882353);
   box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
   border: 4px solid white;
   margin-top: 4vh;
}
#confiramtionText{
   font-size: 3vw;
   line-height: 10vh;
}
#responseBox {
  margin-top: 25vh;
  background-color: #185b94;
  color: white;
  position:relative;
  top:0;
  left:0;
  height: 59vh;
  padding:2vh;
}
#btnDiv{
   margin-top:3vh;
}
#Yes,#No{
   background-color:rgb(249,185,0);
   color:black;
   font-size:2.5vw;
   font-weight:bold;
}

.blink_me {
  /* background-color: rgba(255, 255, 255, 0.548); */
  animation: blinker 1s linear infinite;
}
@keyframes blinker
{
  50%
  {
      opacity:0.5;
  }
}

.bounce_blink_me
{
   animation:bounceCls 1.5s linear infinite;
}
@keyframes bounceCls{
0%, 20%, 53%, 80%, 100% {
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   transform: translate3d(0,0,0);
}
40%, 43% {
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   transform: translate3d(0, -30px, 0);
}
70% {
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   transform: translate3d(0, -15px, 0);
}
90% {
   transform: translate3d(0,-4px,0);
}
}