body,html 
{
	height: 100%;
	margin: 0;
	overflow:hidden;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top:150px;
	width:100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position:center;
}
#background 
{	
	
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	user-select:none;	
}
#outerDiv
{
	display:none;
}
#footer
{
	bottom:0;
	position:fixed;
}
.spanclass1
{
	color:white;
	text-align: center;
	font-size: 4.3vw;
	cursor:pointer;
}
.spanclass2
{
	color:white;
	text-align: center;
	font-size: 4.3vw;
	cursor:pointer;
/*
	box-shadow:20px 20px 50px 10px #0e6573 inset;
	background-color:#0e6573;*/
}
.border{
    border: 0.4vw solid #BDBDBD;
    border-radius: 1.1vw;
}
.wordDivs{
	/* width: 18%; */
	height: 20vh; 
    float: left;
    /* margin-left: 3.3vw; */
    margin-top: 3vh;
	margin-bottom: 2vh;
}

#Grid1{
	margin-top:24vh;	
}
#Grid0,#Grid2{
	
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#wordDiv6{

	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	height:50vh;
}

.wordSpan{
    color: #f9f9ec;
    font-size: 2.5vw;
    /* top: 50%; */
}
.center{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.question{
	font-size:6vw;
}

.hex{
	/* -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); */
	background-image: url('../images/speaker.png');
	background-size: cover;	
	background-position: center;
	background-repeat: no-repeat;
}
#gamePage
{
	display:none;
}
#coverPage
{
	bottom:0vh;
	position:fixed;
}
#grid{
	margin-top:-7.2%;
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	height: -webkit-fill-available;
}
#innerGrid{
	z-index: 1;
	margin-top: 8vh;
}

#suffixDiv
{
	margin-top:10%;
	text-align: center;
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	/*box-shadow: 0.6vw 0.6vw 6vw 2vw #1c809e inset;
	-moz-box-shadow: 0.6vw 0.6vw 6vw 2vw #1c809e inset;
	-webkit-box-shadow: 0.6vw 0.6vw 6vw 2vw #1c809e inset;*/
}
#suffixValue
{
	color:black;
	font-size: 6vw;	
}
#remainCnt
{
	font-size: 4vw;
    display: inline-block;
    text-align: center;
    color: maroon;
    border-radius:3vw;
    border: 0.2vw solid #ffeb3b;
}

#ansImgDiv{
	   
    position: fixed;
    right: 12vw;
}
/*#correctDiv
{
	display:none;
	bottom:0;
	position:fixed;	
}*/
.noPadding
{
	padding:0 !important;

}	
#footer{
	 height: 50vh;
 
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
#sound,#nextBtn{
	    bottom: 0;
    position: fixed;
}
#endPage
{
	display:none;
}
#replay{ 
   position: fixed;
    bottom: 0;
}
#acknowledgementDiv 
{
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
}
#developerNameDiv
{
	margin-bottom: 2vh;
}
.fontClass
{
	font-size:1.3vw;
	margin-top:1.5%;
	color:black;
}
.firstLetter:first-letter
{
	font-size:1.5vw;
}
#credits{
	    position: fixed;
    right: 0;
    bottom: 0;
}
#gameOver{
	font-size:4.5vw;
	font-weight:bold;
	    margin-top: -6.5vh;
	    color: floralwhite;
}
#levelLabel{
    font-size: 3.1vw;
    margin-bottom:2vh;
    font-weight: bold;
    margin-left: 24vw;
    color: indigo;
}