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;
}
#nextBtnMainDiv
{
	
	position: fixed;
	bottom: 0;
}

#gameOverMsg
{
	font-size:5vw;
	font-weight: 900;
	display: none;
	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;
}

#nextBtnDiv
{
	right: 0;
	position: fixed;
	bottom: 0;
	display: none;
}
#roboDiv
{
	position: fixed;
	bottom: 0;
	
}
#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;}
}