
.se-pre-con {
position: fixed;
left: 0px;
top:150px;
width:100%;
height: 100px;
z-index: 9999;
background-repeat: no-repeat;
background-position:center;
}

body,html
{
	height:100%;
	margin:0;
}

body
{
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
.zeroPadding
{
	padding:0 !important;
}
#header
{
margin-top:1%;
}
#gamePage
{
	margin-top:0.5%;}
#coverPage
{
	position:fixed;
	bottom:0;
}
#playGame
{
	
	font-size: 6vw;
    color: rgb(64, 25, 9);
}
#homeDiv
{
	font-size: 6vw;
	visibility:hidden;
    color: rgb(64, 25, 9);
}
#logoDiv,#playGame,#nextDiv
{
	visibility:hidden;
}
#animalName
{
	padding-top:2%;
}
#animalInfo
{
	display:none;
	padding-right:0 !important;
	background-color:white;
	box-shadow: 15px 15px #99999996;
}
.imgDivs
{
	position:relative;
}
.infoAnimal
{
	font-size:1.5vw;
	font-weight:bold;
}
.initials
{
	color:red;
}
.moveImg
{
	transition: transform,1s;
    transform: scale(1);
 }  
 @keyframes slideInLeft {
  from {
    transform: translate3d(-20%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft 
{
  animation-name: slideInLeft;
  animation-duration:1s;
}
#instruction,#marks,#score
{
	font-size:3vw;
	font-weight:bold;
	text-align:center;
	color:white;
}

#lastPage
{
display:none;
}

#gameOver
{
	font-size:7vw;
	margin-top:8%;
	font-weight:bold;
}
#totalScore
{
	font-size:5vw;
	font-weight:bold;
}
#nextDiv
{
	  position: fixed;
     bottom: 0;
}
#infoOfAnimal
{
	font-size: 4vw;
    font-weight: bold;
    text-align: center;
    margin-top: 17vh;
    color: white;
}
#next
{
	font-size: 8vw;
    color: rgb(64, 25, 9);
}

