@import url(https://fonts.googleapis.com/css?family=Dancing+Script|Lato);.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-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{margin:30px auto 0 auto;font-family:Lato,sans-serif;font-size:20px;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;position:absolute;bottom:15%;left:15%}#navContent ul>a,#navContent ul>a :hover{font-weight:400;color:#fff}#navContent ul{margin:0;padding:0;list-style:none}#navContent li{height:35px;width:130px;font-family:'Dancing Script',cursive;color:#fff;line-height:35px;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:180px;bottom:135px;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:url(img/gameplay.jpg);overflow:auto}.gameplay-btn{position:absolute;z-index:10;top:40%;right:10%;font-size:16px}.gameplay-answer-container{position:absolute;bottom:15%;left:11%}.gameplay-answer{cursor:pointer;font-family:'Dancing Script',cursive;text-align:center;color:#d1ac2e;font-size:32px;margin-right:45px;width:100px;display:inline-block}.gameplay-answer:hover{text-shadow:1px 1px 18px #ffffc6;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.progression{display:block;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:absolute;text-align:center;color:#d1ac2e;font-weight:700;font-size:14px}.timer-container{width:176px;height:24px;top:45px;left:300px}.score{width:100px;height:24px;top:75px;left:375px}.hearts{width:70px;height:24px;top:75px;left:300px}.timer{width:1px;height:18px;margin:3px;display:block;text-align:center;background:#fcecfc;background:-moz-linear-gradient(top,#fcecfc 0,#fba6e1 50%,#fd89d7 51%,#eb539b 100%);background:-webkit-linear-gradient(top,#fcecfc 0,#fba6e1 50%,#fd89d7 51%,#eb539b 100%);background:linear-gradient(to bottom,#fcecfc 0,#fba6e1 50%,#fd89d7 51%,#eb539b 100%);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.hide{width:21px;height:20px;display:block;background-color:#fff;position:absolute;opacity:.8;top:78px;left:304px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.question-container{text-align:center;font-size:22px;line-height:normal;color:#fff;position:absolute;width:390px;box-sizing:border-box;left:14%;top:20%;height:210px;padding:75px 0}.good-feedback{width:450px;height:690px;font-size:76px;font-family:'Dancing Script',cursive;text-align:center;line-height:3;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);background-image:url(img/petals.gif);position:absolute;top:80px;left:50px;display:none}.bad-feedback{font-size:96px;font-family:'Dancing Script',cursive;text-align:center;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1);position:absolute;top:170px;left:190px;display:none}.intermediaire{background:url(img/splash.jpg);overflow:auto;text-align:center}.intermediaire p{padding:295px 0 0 0;margin-bottom:5px;font-size:20px;opacity:.7;color:#fff;text-shadow:1px 1px 8px rgba(150,150,150,1)}.intermediaire b{color:#e21a6f;font-size:24px}.intermediaire small{position:absolute;top:9%;left:23%;font-size:14px}.intermediaire-btn{width:480px;position:absolute;bottom:22%;left:17%}
#didyouknow, #cheatsheet{position: absolute; top: 75%; cursor: pointer; font-size: 24px; color: #bf9a35}
#didyouknow{right: 11%}
#didyouknow:hover, #cheatsheet:hover{font-size: 22px}
#cheatsheet{left: 11%}