@import url(https://fonts.googleapis.com/css?family=Lobster);.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}#game1,#game2,#navContent,.block-free-game,.final,.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;position:relative;overflow:hidden}#game1{margin:auto;right:0;position:absolute}#game2{margin:auto;right:-800px;position:absolute}.splash{background:url(img/splash.jpg);overflow:auto}.splash-btn{width:640px;margin:330px auto 0}#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:Lobster,cursive;color:#fff;line-height:36px;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}.splash-panel{display:none;width:460px;height:270px;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:60px;bottom:100px}.splash-panel em{background-color:#ffeeee;padding:1px 5px;font-style:normal;border:1px solid #ebe6b7;color:#c4347b;border-radius: 4px}.splash-panel h4{margin-bottom: 8px}.gameplay{background:url(img/gameplay.png);overflow:auto}.gameplay-btn{width:480px;position:absolute;z-index:10;top:10px;right:10px}.gameplay-answer{height:70px;width:140px;background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0));background-size:4px 4px;background-color:#dfcea9;border-color:rgba(0,0,0,.1);cursor:pointer;position:absolute;bottom:99px;font-size:36px;line-height:2}.gameplay-answer b{padding:4px 20px;background-color:#fff}.gameplay-answer b:hover{color:#861212;transition:.5s}.pinyin-reveal,.pinyin-revealed{width:160px;text-align:center;color:#e21a6f;font-weight:700;cursor:pointer;position:absolute;z-index:10;left:30px;top:110px}.pinyin-revealed{display:none}.score,.teacups,.timer-container{font-size:16px;line-height:22px;font-weight:700;color:#2c6686;position:absolute;bottom:45px;height:24px;background-color:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}.timer-container{width:176px;left:420px}.timer{width:1px;height:18px;margin:3px;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:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px}.gameplay-level{position:absolute;top:0;left:68px}.score{width:176px;left:95px}.teacups{width:110px;left:295px;font-weight:400}.hide{width:25px;height:20px;background-color:#fff;position:absolute;opacity:.8;bottom:47px;left:313px}.lukum{position:absolute;left:45%;top:25%}.cube{position:absolute;width:96px;height:96px;transform-style:preserve-3d;animation:36s linear infinite roll}.cube>div{position:absolute;left:50%;top:50%;transform-style:preserve-3d}.cube>div>div{position:absolute;left:50%;top:50%;width:96px;height:96px;border-radius:1px;background:rgba(221,221,221,.2);background:linear-gradient(rgba(237,237,237,.2),rgba(153,153,153,.1));box-shadow:0 0 4px rgba(255,255,255,.2),inset 0 0 4px rgba(255,255,255,.2)}.cube>div>div:nth-child(1){transform:translate3d(0,0,48px)}.cube>div>div:nth-child(2){transform:rotateX(90deg) translate3d(0,0,48px)}.cube>div>div:nth-child(3){transform:rotateX(180deg) translate3d(0,0,48px)}.cube>div>div:nth-child(4){transform:rotateX(270deg) translate3d(0,0,48px)}.cube>div>div:nth-child(5){transform:rotateY(90deg) translate3d(0,0,48px)}.cube>div>div:nth-child(6){transform:rotateY(-90deg) translate3d(0,0,48px)}@keyframes roll{0%{transform:rotateX(-30deg) rotateY(35deg) rotateZ(0) translate(-50%,-50%);top:0}49.9%{top:100%}50%{top:0}100%{transform:rotateX(1050deg) rotateY(395deg) rotateZ(360deg) translate(-50%,-50%);top:100%}}.bad-feedback,.good-feedback{font-size:46px;font-weight:700;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);position:absolute;top:30px;left:30px;display:none}.good-feedback{width:690px;height:414px;background-image:url(img/confetti.gif);padding-top:120px}.bad-feedback{top:140px;left:230px}.intermediaire{background:url(img/gameplay.png);overflow:auto}.intermediaire p{color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);font-size:30px;padding-top:80px;line-height:normal}.intermediaire b{color:#e21a6f;font-size:36px}.intermediaire-btn{width:480px;margin:70px auto 0}#next-level{-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:Lobster,cursive;font-size:28px;padding:20px 50px;text-decoration:none;text-shadow:0 1px 0 #c70067;transition:.5s}#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}#next-level:active{position:relative;top:1px}
#didyouknow{position: absolute; right: 3.5%; top: 63%; cursor: pointer; font-size: 24px; color: #c02b2d}
#didyouknow:hover{font-size: 22px}