body{margin:0;padding:0}*{font-family:"Henny Penny",cursive}#game{position:relative;width:480px;height:480px;background:url("img/bg.jpg") no-repeat;background-size:100% auto;background-position:center 0%;-webkit-transition:background-position 1s;transition:background-position 1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}#game.l2{background-position-y:100%}#mainCnv,#matte,#scratchedBG{position:absolute;left:0}#matte{z-index:999;pointer-events:none;opacity:0}#matte.active{pointer-events:all}#scratchedBG{pointer-events:none;bottom:0;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#scratchedBG.active{opacity:1}#link{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;z-index:99999;display:none}#link.active{display:block}#logo{background:url("img/logo.png") no-repeat;background-size:contain;background-position:center bottom;position:absolute;left:0;bottom:0;z-index:50;width:100%;height:70px;pointer-events:none;width:97.9167%}.lottie{position:absolute;left:0;top:0;width:480px;height:480px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}#intro{opacity:0;z-index:999}#intro.active{opacity:1}#levelCount{position:absolute;width:60px;height:35px;bottom:30px;right:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;z-index:50;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0}#levelCount.active{opacity:1}#levelCount>div{background:url("img/egg.png") no-repeat;background-size:contain;position:relative;width:45%;height:100%;opacity:0.5;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#levelCount>div.active{opacity:1}@-webkit-keyframes highlightEgg{0%{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.5);filter:brightness(1.5)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes highlightEgg{0%{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.5);filter:brightness(1.5)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@-webkit-keyframes eggJump{0%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translate(0,-5px) rotate(-3deg);transform:translate(0,-5px) rotate(-3deg)}65%{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translate(0,-5px) rotate(3deg);transform:translate(0,-5px) rotate(3deg)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}}@keyframes eggJump{0%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}45%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translate(0,-5px) rotate(-3deg);transform:translate(0,-5px) rotate(-3deg)}65%{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:translate(0,-5px) rotate(3deg);transform:translate(0,-5px) rotate(3deg)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}}.egg{background:url("animData/end/images/img_1.png") no-repeat;background-size:700%;position:absolute;background-position-x:89%;width:20.8%;height:31.8%}.egg.black{background-position-y:49.8%}.egg.white{background-position-y:67.4%}.egg.brown{background-position-y:31.6%}.egg.gold{background-image:url("img/gold.png");background-size:contain}.egg.n1{left:28.2%;bottom:12%;z-index:2;-webkit-transform:rotate(-3.3deg);transform:rotate(-3.3deg)}.egg.n2{left:38.8%;bottom:10%;z-index:4;-webkit-transform:rotate(-3.7deg);transform:rotate(-3.7deg)}.egg.n3{left:50.5%;bottom:10%;z-index:3;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.egg.highlighted{-webkit-animation:highlightEgg 1.2s 1;animation:highlightEgg 1.2s 1;-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.egg.jump{-webkit-animation:eggJump 1s 1;animation:eggJump 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.duck{position:absolute;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.duck .clickZone{position:absolute;bottom:0;left:11%;height:100%;width:73%;cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent}.duck.visible{opacity:1}.duck:after,.duck:before{content:"";position:absolute;width:68%;height:30%;margin:0 auto;left:0;right:0;pointer-events:none;background:url("animData/end/images/img_1.png") no-repeat;background-size:196%;background-position-x:29%}.duck:before{background-position-y:36.8%;z-index:-1;bottom:5.2%;height:35.1%}.duck:after{background-position-y:61%;z-index:6;bottom:3%}.duck canvas{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:1}.level{pointer-events:none;opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.level.active{opacity:1;pointer-events:all}.level.done{display:none}#level1 .duck{width:177px;height:177px;z-index:10}#level1 .duck.gray{bottom:91px;left:23px}#level1 .duck.gray canvas{-webkit-transform:scaleX(-1);transform:scaleX(-1)}#level1 .duck.white{bottom:41px;left:152px;z-index:11}#level1 .duck.black{bottom:96px;right:30px}#level1 .duck canvas{width:auto;height:auto}#level2 .duck{width:147px;height:147px;z-index:10;-webkit-transition-delay:1s;transition-delay:1s}#level2 .egg.highlighted{-webkit-transition-delay:0.3s;transition-delay:0.3s}#finale{z-index:999;top:0;left:0;position:absolute}#duck1{left:51px;top:35px}#duck2{left:169px;top:10px}#duck3{left:290px;top:25px}#duck4{left:28px;top:143px}#duck5{left:168px;top:142px}#duck6{left:306px;top:143px}#duck7{left:47px;top:257px}#duck8{left:168px;top:277px}#duck9{left:283px;top:250px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#tutorial{background:url("img/tutorial.png") no-repeat;background-size:268px 379px;background-position:center;margin:auto;width:100%;height:100%;position:absolute;z-index:999;top:0;left:0;pointer-events:none;display:none}#tutorial.active{display:block;opacity:0;cursor:pointer;pointer-events:all;-webkit-animation:fadeIn 0.5s 1;animation:fadeIn 0.5s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}