.se-pre-con
 {	
	position: fixed;
	left: 0px;
	top:150px;
	width:100%;
	height: 100px;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position:center;
}
body
{
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
}
#outerDiv
{
	/* background-attachment:fixed; */
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
}
#homeDiv,#logoDiv
{
	margin-top:1vh;
	z-index:1;
}
.toBottom
{
	position:fixed;
	bottom:0;
}
.nopadding
{
	padding:0px !important
}
.toBottom {
	position: fixed;
	bottom: 0;
}
.marginTop
{
	margin-top:12vh;
}
#instuctionDiv
{
	text-align:center;
	font-size:3vw;
}
#paraId
{
	/* top:-2vh; */
}
.Box
{
	background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 40vh;
    width: 19.5vw;
    margin-left: 4vh;
    margin-top: 10vh;
}
.dropBox{
    height: 25vh;
    margin-top: 7vh;
}
#dragBox
{
	margin-top:3vh;
	border:1px solid black;
	background-color:wheat;
}
#para1,#para2,#para3
{
	
	
	margin-top: 3vh;
    height: 9vh;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
#gameOverDiv
{
	text-align: center;
    font-size: 7vw;
    /* margin-top: 23vh; */
    font-weight: bold;
	
}
#dogDiv
{
	margin-top:33vh;
	z-index:1;
}
.dogJump
{
	animation-name:dogJump;
	animation-duration:1s;
}
@keyframes dogJump
{
	0%{transform: rotate(50deg);}
	10%{right:5%}
}
.jarClass
{
	margin-top:-8vh;
}
.leftMarginCls
{
	margin-left:4vw;
}
.rotateCls
{
	transform: rotate(50deg);
}
.myclass
{
	width: 5vw;
	height:8vh;
}
.inClass
{
	position: absolute;
	margin:1vh;
    width: 5vw;
    height:8vh;
}
.heightCls
{
	height:35vh;
}
.hilightDiv
{
	animation-name:hilightDiv;
	animation-duration:infinite;
}
@keyframes hilightDiv {
  from {background-color: red;}
  to {background-color: yellow;}
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
 from {background-color: red;}
  to {background-color: yellow;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
/* #outerDiv
{
	border: 1px solid;
    border-radius: 5vh;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    Background-color: #8ae3f7;
} */
#para1
{
	left:3vw;
}
#para2
{
	left:10vw;
}
#para3
{
	left:18vw;
}

#acknowledgementDiv {
	margin-top: 4vh;
	background-color: aliceblue;
	border: 0.22vw solid black;
	border-radius: 3vw;
	text-align: center;
	display: none;
	color: black;
  }
  
  .fontClass {
	font-size: 1.3vw;
	margin-top: 1vh;
	color: black;
  }
  .firstLetter:first-letter {
	font-size: 1.5vw;
  }

  #gamapage{
	  display: none;
  }
  #nextDiv{
	  z-index:1;
  }