html{
	height:100%;
}
body{
    background-size:cover;
  	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow:hidden;
}	
.se-pre-con{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}

.logos{
	margin-top:1%;
	padding:0px !important;
}

#homeDiv{
 z-index:5;
 padding:0%;
}
#mainContent{
}
#playDiv{
	 margin-top: 15%;
    margin-left: 85%;
    padding:0%;
}
.noPadding{
	padding:0px !important;
}
#leftDiv{
	padding:0%;
	margin-top:-8%;
}

.bottomDiv{
	width:14%;
	margin-right: 1%;
	background-color:mintcream;
	border: 1px solid;
	background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
}
#bottomContent {
  border-radius: 10px;
  overflow-x: scroll;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  position:fixed;
  bottom:0;
  margin-bottom:1%;
}
.dragClass{
	height: 100%;
}
#leftDiv
{
	height: 67vh;
}
.outerDivClass {
    display: flex;
}
.jigsawCanvas {
    height: 100%;
    width: 100%;
}
#bottomContent::-webkit-scrollbar
{
	height:12px;
	background-color: #F5F5F5;
	border-radius:1px;
}

#bottomContent::-webkit-scrollbar-thumb
{
	border-radius:10px;
	background-color: #000000;
}
.endPageMsgs{
	font-family: "Times New Roman", Georgia, Serif;
	color: rgb(136, 43, 218);
	font-size: 3vw;
	margin-top: 10%;
	text-align: center;		
}

#next{                                  
	margin-top: 11%;
	margin-left: 3%;
}

.row{
	margin:0px;
}

.pieces{
	padding: 0px;	      
}

#playAgainDiv{
	margin-left: 47%;
    margin-top: 4%;
    padding: 0%;
}