body
{
  background-repeat: no-repeat;
  background-origin: content-box;
  background-attachment: fixed;
  background-size:100% 100%;	
  user-select:none;
 
}
.background{
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size:100% 100%;	
}
.nopadding
{
	padding:0px !important;
}
.levels{
  height: 18vh;
  font-size: 3.5vw;
  color: black;
  margin-top: 20vh;
  text-align: center;
  background-repeat: no-repeat;
  padding-top: 3vh;
  font-weight: bold;
}
#pharcesDiv{
  height: 50vh;
}
#queDiv{
  margin-top: 3vh;
}
#ansDiv{
  height: 30vh;
}
#finalAnsDiv{
  margin-top: 8vh;
  color: black;
  font-size: 3.5vw;
  text-align: center;
  font-weight: bold;
}
.text{
  color: black;
  font-size: 3vw;
  text-align: center;
  font-weight: bold;
}
#gameName{
  color: #005e20;
  font-size: 8vw;
  text-align: center;
  font-weight: 900;
}
.growingText{
  color: black;
  font-size: 2.5vw;
  text-align: center;
  font-weight: bold;
}
.spanElement{
  font-size: 3.2vw;
}
#queChart{
  height: 65vh;
  margin-top: 10vh;
}
.spanElement{
 right: 1vw;
}

#outerQueDiv{
  font-size: 3.2vw;
}
#outerAnsDiv{
  text-align: center;
  font-size: 3.2vw;
  margin-top: 2vh;
  color: rgb(25, 39, 170);
}
#outerSentenceDiv{
  margin-top: 7vh;
  text-align: center;
}
#gamePage{
  position: absolute;
  top:5vh;
  z-index: 100;
}
.toBottom{
  position: fixed;
  bottom: 0;
}
/**/

#gameOver
{
	color: black;
    font-size: 7vw;
	font-weight:bold;
}
#acknowledgementDiv 
{
	display: block;
}
#finalPage
{
	display:none;
}
#acknowledgementDiv 
{
	display: block;
	margin-top: 2vh;
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
	text-align:center;
}
#developerNameDiv
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.3vw;
	margin-top:1.5%;
	color:black;
}
.firstLetter:first-letter
{
font-size:1.5vw;
}
#finalPage
{
	display:none;
}
#creditDiv{
  margin-top: 2vh;
}

.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);
} 
}