html{
	height:100%;
}
body
{
	user-select:none;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100% 100%;
	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;
}
.noPadding
{
	padding:0 !important;
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	animation-duration:1s;
   }
   .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%;
   }
   #responseBoxDiv
   {
	   display: none; 
	   position: fixed; 
	   z-index: 20;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   overflow: auto; 
   }
   .overlay
   {
	 z-index: 10;
	 background-color: rgba(0,0,0,0.5);
   }
   .modal-content
   {
	   background-color:rgba(38, 59, 95, 0.611764705882353);
	   box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
	   border: 4px solid white;
	   margin-top: 3.5vh; 
   }
   #questionMsg
   {
	   font-size: 3vw;
	   line-height: 15vh;
   }
   #responseBox {
	  /* margin-top: 25vh; */
	  background-color: #185b94;
	  color: white;
	  position:relative;
	  top:0;
	  left:0;
	  height: 30vh;
	  padding:2vh;
   }

   @keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
   
	50% {
	  opacity: 1;
	}
   }
   
#gamePage
{
	margin-top:-14vh;
}
#videoTag{
	margin-top: 5vh;
	display:none;
}
#centerDiv{
	margin-top: 5vh !important;
	bottom: 0;
	position: fixed;
}
#leftDiv{
	height: 70vh;
	margin-top: 5vh;
}
.mainDivs{
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#currentDiv{
	display:none;
	height:20vh;
	border-radius: 1.5vw;
	border:0.25vw solid #000000;
	bottom: 0;
	position: fixed;
}
#center{
	height:13vh;
}
#svgDiv{
	height:100%;
}
.pieces{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.outerDiv{
	height:26vh;
	margin-top: 1vh;
}

#timerSpan{
	font-size:5vw;
}

#endPage
{
	margin-top:15vh;
	font-size: 3vw;
}
#instructionDiv
{
	display:none;
   border-radius: 1vw;
   font-size: 3.5vw;
   font-weight: 500;
   position: fixed;
   top: 25vh;
	box-shadow: -3px 3px 19px rgb(0, 0, 0);
}
#aboutGameDiv
{
	border: 1px solid black;
    border-radius: 1vw;
    box-shadow: -3px 3px 19px rgb(0, 0, 0);
    margin-top: 20vh;
}
#gameInstructionPage
{
	display:none;
}
h1
{
	text-decoration: underline;
}
#paraMsg
{
	font-size: 2vw;
}
#nextLastPage
{
position:fixed;
bottom:0;
}

/* ***********************New css************************** */

#thumbnailsDiv{
	overflow: auto;
	white-space: nowrap;
	background-color: whitesmoke;
}
.thumbnail{
	width:10vw;
	height:12vh;
	margin-top:1vh;
	display: inline-flex;
	margin-left:1vw;
	border:1px solid black;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#Main:fullscreen {
	width: 100%;
	height: 100%;
	background-color: green;
}