.infinite {animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite}
@keyframes tada {from {transform: scale3d(1, 1, 1);}
  10%, 20% {transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);}
  30%, 50%, 70%, 90% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  40%, 60%, 80% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -2deg);}
  to {transform: scale3d(1, 1, 1);}}
.tada {animation-name: tada;}
#navContent, .splash, .final, #gameplay, .block-free-game, #instructions, .bad-feedback, .good-feedback {height:414px; width: 690px}
#navContent{
	font-family: 'Noto Sans SC', Arial Unicode MS,Arial, Tahoma, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	font-size:21px;
	margin:30px auto 0 auto;
  line-height: 25px;
	position:relative;
	overflow:hidden;
}
.splash{background:url('/free-games/HE-free/img/splash.png');overflow: auto}
#start{left: 73%;font-weight: bold}
#lesson{left: 52%}
#instructions {display: none}
#instructions span{
	padding-top: 110px;
    color: #f8ae35;
    display: inline-block;
    width: 410px;
}
#instructions b{font-weight: normal;padding-right: 12px;color: coral}
.HE-btn{
	height: 40px;
    width: 130px;
    color: #fff;
    line-height: 39px;
    text-shadow: 0 1px 0 #FCDC5D;
    background-color: #d972a4;
    border: 3px solid #f8ae35;
    cursor: pointer;
    position: absolute;
    bottom: 29%;
    border-radius: 23px;
    transition: .5sease;
}
#replay, #gotit{left: 70%}
#replay{color: #ea5fac; font-size: 48px; cursor: pointer;}
#clicks-remaining, #distance, #score {bottom:0; left: 0; width: 130px; cursor: default}
#distance {left: 30%; width: 260px}
#score {left: 80%}
#map {cursor: pointer}
.bad-feedback, .good-feedback, .final{display: none}
.bad-feedback p, .good-feedback p, .final p{
	color:#fff;
	text-shadow: 0px 0px 8px #d3a7e5;
	font-size: 40px;
	width: 370px;
    position: absolute;
    top: 13%;
    left: 24%;
}