body,html 
{
	height: 100%;
	margin: 0;
}
#home
{
	display:none;
}

#background 
{	
	background-size: 100% 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;		
}
.nopadding
{
	padding:0 !important;
}

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

.playImgAnimation
{
	animation:spin 1s linear infinite;
}
@keyframes spin
{ 
	10% {transform:rotatey(360deg); }
	100% {transform:rotatey(1000deg); }
	
}
.playImgAfterAni
{
	animation:tough 4s linear infinite;
}
@keyframes tough
{ 
	20% {transform:rotatey(15deg); }
	100% {transform:rotatey(15deg); }
	
}

#gamePage
{
	display:none;
}
#threeWordsMainDiv
{
	top:20vh;
	z-index:1;
}
#word1,#word2,#word3
{
	text-align: center;
	font-size: 4vw;
	font-weight:800;
	font-family: 'Abril Fatface', serif;
	color:black;
	text-decoration:underline;
}
#bhalooImageDiv
{
	displAy:none;
	bottom:12vh;
	position:fixed;
	z-index: 3;
	
}

#eventImagesDiv
{
	margin-top: 18vh;
}
.modal 
{
	 display: none; /* Hidden by default */
	 position: fixed; /* Stay in place */
	 z-index: 1; /* Sit on top */
	 padding-top: 100px; /* Location of the box */
	 left: 0;
	 top: 0;
	 width: 100%; /* Full width */
	 height: 100%; /* Full height */
	 overflow: hidden; 
	 background-color: rgba(0,0,0,0.6); 
	 padding:10%;
}
.blink_me
{
	animation: blinker 1s linear infinite;
}
@keyframes blinker 
{  
	50% { opacity: 0.5; }
}
#acknowledgementDiv
{
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
	display:none;
}
.fontClass
{
	font-size:1.2vw;
	margin-top:1.5%;
	color:black;
	text-align: center;
}
.firstLetter:first-letter
{
	font-size:1.4vw;
}
#gameOver
{
	text-align: center;
	font-weight:900;
	margin-left:3vw;
}

#lastPageBtn
{
	bottom: 0;
    position: fixed;
}
#endPage
{
	display:none;
	font-size:5vw;
	text-align: center;
}
