body,html 
{
	height: 100%;
	margin: 0;
	user-select: none;
}
#home
{
	display:none;
}
#guessWordText
{
	margin-top: -3vw;
	display: flex;
}
.wClass
{
	margin-right: 4vh;
	height: 10vw !important;
}
#w1,#w2,#w3,#w4,#w5
{
	display: none;
}
#aWordText
{
	margin-top: 1vw;
	margin-right: 4vh;
	display: none;
}
#background
{	
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.noPadding
{
	padding:0 !important;
}

#playImgDiv
{
	display: none;
	position:fixed;
	bottom:0;	
}

#gamePage
{
	display:none;
}
#QueOptionMainDiv
{
	top:0;
	position: fixed;
	
}
#questionTextDiv
{
	text-align: center;
	color: white;
	font-size: 5vw;
	margin-top: 1vh;
}
#questionDiv
{
	display: none;
	margin-top: 7VW;
	height: 18vh;
}

.optionClass
{
	display: none;
	text-align: center;
	color: white;
	font-size: 4vw;
	margin-top: 1vw;
	height: 7vw;
}
.optionSpanClass
{
	margin-top: 2vh;
	display: inline-block;
}
#option1
{
	margin-top: 4vw;
}

.opacityClass
{
	opacity: 0.5;
}
#acknowledgementMainDiv
{
	top:0;
	position: fixed;
	display:none;
	height: 100%;
	background-color: #05080f96;
}
#acknowledgementDiv
{
	display: none;
	margin-top: 2vw;
}
#developerName
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.7vw;
	margin-top:1.5%;
	color:white;
	text-align: center;
}
#credits
{
	display:none;
	left:40%;
	z-index:2;
	bottom:1vh;
}
#skipBtnMainDiv
{
	
	position: fixed;
	bottom: 0;
}

#gameOverMsg
{
	font-size:5vw;
	font-weight: 900;
	color:white;
	text-align: center;
	margin-top: 2vw;
}
.vowelsClass
{
	color: yellow;
	font-size: 4vw;
	/*font-weight: 900;*/
}
.vowelsClass2
{
	color: yellow;
	font-size: 5vw;
}
#optionsMainDiv
{
	padding-left: 2.6vw;
	padding-right: 2.6vw;
	height: 40vw;	
}
#questionTextMainDiv
{
	height: 23vw;
	
}

.bgProp
{
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
#acknowledgementpageBottomDiv
{
	display: none;
	position: fixed;
	bottom: 0;
}
#playAgainDiv
{
	margin-bottom: 5vh;
}

#skipBtnDiv,#nextBtn
{
	right: 0;
	position: fixed;
	bottom: 0;
	display: none;
}
#roboDiv
{
	position: fixed;
	bottom: 0;
}
#starDiv
{
	margin-top: 10vw;
	left: -3vw;
}

.modal
{
	position:relative;
}
#askForSkipedQuestionDiv
{
	display: none;
}
.button
{
	background-color:rgb(249,185,0);
	color:black;
	font-size:2.5vw;
	font-weight:bold;

}
#textInstuction
{
	font-size: 3.5vw;
	text-align: center;
	color: white;
}
#btnDiv
{
	margin: 10vh 0vh 10vh 0vh;
	height: 10vh;
}
.modalInnerDivClass
{
	margin-top: 25vh;
	background-color: #185b94;
	color: white;
	position:relative;
	box-shadow:17px 25px 13px rgb(0, 0, 0), inset -98px 0px 180px rgb(60, 59, 130) /*17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95)*/;
	border: 4px solid white;
	padding:2vh;
}
#roboImg
{
	animation-name: example;
	animation-duration: 2s;
	animation-iteration-count: 2;
	animation-direction: alternate; 
	animation-iteration-count: infinite;
}
@keyframes example {
	0%   { top:-10px;}
	15%  {top:-7px;}
	30%  {top:-2px;} 
	45%  {top:2px;}
	60%  {top:5px;}
	75%  {top:7px;}
	90% {top:9px;}
	100%  {top:12px;}
}

.overlay
{
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}

.blink_me
{
animation: blinker 1s linear infinite;
}
@keyframes blinker 
{  
50% { opacity: 0.5; }
}