@import url(https://fonts.googleapis.com/css?family=Bangers);.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}#game1,#game2,#navContent,.block-free-game,.gameplay,.intermediaire,.splash{height:414px;width:690px}#navContent{font-family:Arial Unicode MS,Arial,Tahoma,Helvetica,"Microsoft YaHei New","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;font-size:18px;margin:30px auto 0 auto;position:relative;overflow:hidden}#game1{margin:auto;right:0;position:absolute}#game2{margin:auto;right:-800px;position:absolute}.splash{background:url(img/splash.png);overflow:auto}.splash p{position:absolute;bottom:3%;padding:0 45px;color:#f9d19f}.splash-btn{width:640px;margin:270px auto 0 auto}#navContent ul>a,#navContent ul>a :hover{font-weight:400;color:#fff}#navContent ul{margin:0;padding:0;list-style:none}#navContent li{height:40px;width:130px;font-family:Bangers,cursive;color:#fff;line-height:39px;text-shadow:0 1px 0 #fcdc5d;background-color:#734a22;border:3px solid #9b733a;display:block;cursor:pointer;float:left;margin:12px}#navContent li:hover{-webkit-box-shadow:inset 0 -30px 25px -25px rgba(235,83,155,.7);-moz-box-shadow:inset 0 -30px 25px -25px rgba(235,83,155,.7);box-shadow:inset 0 -30px 25px -25px rgba(235,83,155,.7);transition:.5s ease}.splash-panel{display:none;background-color:#fff;border:5px solid #ccc;padding:12px;-webkit-box-shadow:10px 10px 22px 0 rgba(0,0,0,.75);-moz-box-shadow:10px 10px 22px 0 rgba(0,0,0,.75);box-shadow:10px 10px 22px 0 rgba(0,0,0,.75);position:absolute;left:120px;bottom:140px;width:420px;height:225px}.splash-panel em{background-color:#fee;padding:1px 5px;font-style:normal;font-size:12px;border:1px solid #a99;color:#393939}.gameplay{background:-moz-linear-gradient(top,rgba(169,3,41,0) 24%,rgba(169,3,41,.47) 60%,rgba(244,199,0,1) 100%),url(img/gameplay.png);background:-webkit-linear-gradient(top,rgba(169,3,41,0) 24%,rgba(169,3,41,.47) 60%,rgba(244,199,0,1) 100%),url(img/gameplay.png);background:linear-gradient(to bottom,rgba(169,3,41,0) 24%,rgba(169,3,41,.47) 60%,rgba(244,199,0,1) 100%),url(img/gameplay.png);background-blend-mode:color-dodge;overflow:auto}.gameplay-btn{width:480px;position:absolute;z-index:10;top:10px;right:10px}.gameplay-answer-container{height:80px;position:absolute;bottom:25px;left:118px}.gameplay-answer{cursor:pointer;margin-right:45px;height:80px;width:80px}.gameplay-answer:hover{-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.pinyin,.pinyin-reveal{position:absolute;left:345px;top:220px;z-index:10;font-weight:400;font-size:16px;width:220px;text-align:center;color:#ccc;cursor:pointer}.pinyin{display:none}.hearts,.score,.timer-container{left:65px}.timer-container{top:165px}.score{top:195px}.hearts{top:225px}.progression{line-height: 25px;width:176px;height:24px;display:block;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:absolute;text-align:center;color:#2c6686;font-weight:700;font-size:14px}.timer{width:1px;height:18px;margin:3px;display:block;text-align:center;background:#b7deed;background:-moz-linear-gradient(top,#b7deed 0,#71ceef 50%,#21b4e2 51%,#b7deed 100%);background:-webkit-linear-gradient(top,#b7deed 0,#71ceef 50%,#21b4e2 51%,#b7deed 100%);background:linear-gradient(to bottom,#b7deed 0,#71ceef 50%,#21b4e2 51%,#b7deed 100%);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.timer-level{color:#2c6686;font-weight:700;position:absolute;z-index:10;top:0;left:48px;font-size:14px}.hide{width:20px;height:20px;display:block;background-color:#fff;position:absolute;opacity:.8;top:228px;left:123px}.question-container{text-align:center;font-size:120px;position:absolute;width:370px;box-sizing:border-box;background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0,rgba(255,255,255,1) 59%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0,rgba(255,255,255,1) 59%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0,rgba(255,255,255,1) 59%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);left:39%;top:17%;height:210px}.good-feedback{width:403px;height:480px;font-size:76px;font-family:Bangers,cursive;text-align:center;line-height:3;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);background-image:url(img/flowers.gif);position:absolute;top:80px;left:250px;display:none}.bad-feedback{font-size:96px;font-family:Bangers,cursive;text-align:center;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);position:absolute;top:150px;left:380px;display:none}.intermediaire{background:url(img/splash.png);overflow:auto;text-align:center}.intermediaire p{color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);padding:312px 0 0 0;margin-bottom:5px;font-size:24px;opacity:.7}.intermediaire b{color:#e21a6f;font-size:22px}.intermediaire-btn{width:480px;position:absolute;bottom:17%;left:18%}#next-level{position:absolute;bottom:20%;left:35%;-moz-box-shadow:inset 0 1px 0 0 #fbafe3;-webkit-box-shadow:inset 0 1px 0 0 #fbafe3;box-shadow:inset 0 1px 0 0 #fbafe3;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ff5bb0),color-stop(1,#ef027d));background:-moz-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);background:-webkit-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);background:-o-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);background:-ms-linear-gradient(top,#ff5bb0 5%,#ef027d 100%);background:linear-gradient(to bottom,#ff5bb0 5%,#ef027d 100%);background-color:#ff5bb0;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border:1px solid #ee1eb5;display:inline-block;cursor:pointer;color:#fff;font-family:Bangers,cursive;font-size:28px;padding:20px 50px;text-decoration:none;text-shadow:0 1px 0 #c70067;transition:.5s ease}#next-level:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ef027d),color-stop(1,#ff5bb0));background:-moz-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);background:-webkit-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);background:-o-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);background:-ms-linear-gradient(top,#ef027d 5%,#ff5bb0 100%);background:linear-gradient(to bottom,#ef027d 5%,#ff5bb0 100%);background-color:#ef027d}
#didyouknow{position: absolute; right: 11%; top: 3%; cursor: pointer; font-size: 24px; color: #c02b2d}
#didyouknow:hover{font-size: 22px}