@font-face{font-family:Averia Libre;font-style:normal;font-weight:400;src:local("Averia Libre Regular"),local("AveriaLibre-Regular"),url(../fonts/averia-libre.67e5b85.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inconsolata;font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(../fonts/inconsolata.927962c.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{margin:0;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;cursor:default}body,html{height:100%;width:100%;font-family:Inconsolata;font-size:16px;color:#333;overflow:hidden;background:#c3e5df}#app{height:100%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;padding:0 0 48px;width:1024px}@media (max-height:880px){#app{padding:0 0 8px}}@media (max-height:830px){#app{padding:0 0 8px}#app .keyboard{height:256px}#app .keyboard .slot{height:48px;min-width:48px;border-radius:16px}#app .keyboard .slot .key{border-radius:16px;box-shadow:inset 0 -4px 0 0 rgba(68,82,88,.25)}#app .keyboard .slot .key .letter{line-height:44px}#app .notebook{margin:0 0 140px 24px}}.type-writer[data-v-604fd548]{display:inline-block;width:740px}.type-writer .type-writer-head .head[data-v-604fd548]{height:120px;background:#445258;box-shadow:inset 0 -24px 0 0 #3a464b,6px 12px 0 0 rgba(68,82,88,.15);border-radius:16px;transition:.25s cubic-bezier(.165,.84,.44,1)}.type-writer .type-writer-head .head .metal[data-v-604fd548]{height:calc(100% - 24px)}.type-writer .type-writer-head .head .metal .left[data-v-604fd548]{position:absolute;left:-16px;top:calc(50% - 24px);height:64px;width:16px;background:#d3d3d3;border-top-left-radius:8px;border-bottom-left-radius:8px}.type-writer .type-writer-head .head .metal .left[data-v-604fd548]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#bebebe;border-top-left-radius:8px}.type-writer .type-writer-head .head .metal .left .screw[data-v-604fd548]{position:absolute;top:calc(50% - 16px);left:-24px;width:24px;height:32px;background:#9e9e9e;border-top-left-radius:8px;border-bottom-left-radius:8px}.type-writer .type-writer-head .head .metal .left .lever[data-v-604fd548]{position:absolute;bottom:24px;left:-20px;width:16px;height:180px;background:#b3b3b3;border-top-left-radius:8px}.type-writer .type-writer-head .head .metal .left .lever[data-v-604fd548]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:#bebebe;border-top-left-radius:8px}.type-writer .type-writer-head .head .metal .left .lever .wrist[data-v-604fd548]{position:absolute;top:0;right:-16px;width:16px;height:32px;background:#b3b3b3;border-top-right-radius:8px;border-bottom-right-radius:8px}.type-writer .type-writer-head .head .metal .right[data-v-604fd548]{position:absolute;right:-16px;top:calc(50% - 24px);height:64px;width:16px;background:#d3d3d3;border-top-right-radius:16px;border-bottom-right-radius:16px;overflow:hidden;box-shadow:6px 12px 0 0 rgba(68,82,88,.15)}.type-writer .type-writer-head .head .metal .right[data-v-604fd548]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#bebebe}.type-writer .type-writer-head .head .opening[data-v-604fd548]{position:absolute;left:32px;right:32px;top:calc(50% - 24px);height:24px;background:#22292c;border-radius:24px}.type-writer .type-writer-head .head .opening[data-v-604fd548]:after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:#445258}.type-writer .type-writer-head .head .opening .paper[data-v-604fd548]{position:absolute;left:32px;right:32px;bottom:0}.type-writer .type-writer-socle[data-v-604fd548]{box-shadow:6px 12px 0 0 rgba(68,82,88,.15);border-radius:16px}.type-writer .type-writer-socle .socle .socle-header[data-v-604fd548]{height:100px;background:#ff7a73;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:inset 0 8px 0 0 #445258,0 -2px 0 0 #53656c}.type-writer .type-writer-socle .socle .socle-header .arc[data-v-604fd548]{position:absolute;top:0;left:calc(50% - 80px);width:160px;height:80px;background:#445258;border-bottom-left-radius:100%;border-bottom-right-radius:100%}.type-writer .type-writer-socle .socle .socle-header .dots[data-v-604fd548]{position:absolute;right:32px;bottom:24px;height:8px}.type-writer .type-writer-socle .socle .socle-header .dots .dot[data-v-604fd548]{display:inline-block;background:#ff625a;width:12px;height:12px;border-radius:16px;box-shadow:inset 0 2px 0 0 #ad0800;background-color:#ff625a}.type-writer .type-writer-socle .socle .socle-header .dots .dot.full[data-v-604fd548]{background:#445258;background:#c0ca33}.type-writer .type-writer-socle .socle .socle-footer[data-v-604fd548]{background:#ff625a;padding:16px 32px 56px;box-shadow:inset 0 -40px 0 0 #ff4138;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.keyboard[data-v-0d7f3b3c]{height:320px;padding:12px 4px;background:#333d42;background:#445258;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.keyboard .keys[data-v-0d7f3b3c],.keyboard .letters[data-v-0d7f3b3c]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.keyboard .keys.keys[data-v-0d7f3b3c],.keyboard .letters.keys[data-v-0d7f3b3c]{margin:8px 0 0}.keyboard .slot[data-v-0d7f3b3c]{height:64px;min-width:64px;margin:4px;border-radius:20px;box-shadow:0 2px 0 0 #22292c;overflow:hidden;background:#3d4a4f}.keyboard .slot.empty[data-v-0d7f3b3c]{background:#333d42;box-shadow:0 2px 0 0 #333d42,inset 0 4px 0 0 #293135}.keyboard .slot.enter[data-v-0d7f3b3c],.keyboard .slot.menu[data-v-0d7f3b3c]{width:102px;margin-right:8px}.keyboard .slot.space[data-v-0d7f3b3c]{width:272px}.phases-enter-active,.phases-move{transition:.5s cubic-bezier(.165,.84,.44,1)}.phases-enter{opacity:0;transform:translate3D(0,100%,0)}.paper{background:#fff;font-family:Averia Libre,Inconsolata;padding:48px 48px 32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;font-size:28px;line-height:32px;color:#445258;overflow:hidden}.paper.paper-enter-active,.paper.paper-leave-active{transition:.5s cubic-bezier(.165,.84,.44,1)}.paper.paper-enter-active .phase,.paper.paper-leave-active .phase{transition:0s}.paper.paper-leave-to{transform:translate3D(0,-1000px,0)}.paper.paper-enter{transform:translate3D(0,100%,0)}.paper.paper-enter .phase{transform:none}.paper .paper-content .prompt{margin:32px 0 0;height:32px;line-height:calc(height - 2px)}.paper .paper-content .prompt .icon{display:none;float:left;margin:1px 4px 0 0}.paper .paper-content .error{position:absolute;left:0;bottom:-24px;line-height:24px;color:#ff625a;font-size:16px}.paper .paper-content .error.error-enter-active{transition:.15s cubic-bezier(.165,.84,.44,1)}.paper .paper-content .error.error-leave-active{transition:.35s cubic-bezier(.165,.84,.44,1)}.paper .paper-content .error.error-enter,.paper .paper-content .error.error-leave-to{opacity:0;transform:translate3D(0,200%,0)}.phase{padding:32px 0;border-bottom:1px dashed #ddd;opacity:.5}.phase:last-child{border-bottom:none;padding-bottom:0}.phase.active{opacity:1}.phase .intro{font-size:20px;line-height:22px;text-align:center;margin:0 0 16px}.phase .intro p{margin:0}.phase .intro p.small{font-size:14px;color:#bbb;text-align:center}.phase .first-time{font-size:16px;line-height:18px;margin:24px 0 0;color:#999}.phase .first-time p{margin:0 0 8px}.phase .first-time p:last-child{margin:0}.phase .lose-life{padding:16px 0 0;height:40px;text-align:center;color:#ff625a;font-size:24px;line-height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:.25s cubic-bezier(.165,.84,.44,1)}.phase .lose-life.life-losed-enter{opacity:0;transform:scale(3)}.phase .lose-life .life{display:inline-block}.phase .lose-life .life .icon{float:right;margin:0 0 0 6px}.phase .enemy{color:#ff625a;text-align:center}.phase .enemy .word{display:block;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.phase .enemy .word .letter{display:inline-block;height:56px;width:40px;margin:0 2px;background:#ffefef;line-height:56px;text-align:center}.phase .enemy .word .letter:first-child .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(4) rotate(-20deg)}.phase .enemy .word .letter:nth-child(2) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3) rotate(15deg)}.phase .enemy .word .letter:nth-child(3) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3) rotate(0deg)}.phase .enemy .word .letter:nth-child(4) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(2.5) rotate(-10deg)}.phase .enemy .word .letter:nth-child(5) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3.5) rotate(25deg)}.phase .enemy .word .letter:nth-child(6) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(2.5) rotate(25deg)}.phase .enemy .word .letter:nth-child(7) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(4) rotate(-20deg)}.phase .enemy .word .letter:nth-child(8) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3) rotate(15deg)}.phase .enemy .word .letter:nth-child(9) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3) rotate(0deg)}.phase .enemy .word .letter:nth-child(10) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(2.5) rotate(-10deg)}.phase .enemy .word .letter:nth-child(11) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(3.5) rotate(25deg)}.phase .enemy .word .letter:nth-child(12) .letter-text.enemy-leave-to{transform:translate3D(0,-100%,0) scale(2.5) rotate(25deg)}.phase .enemy .word .letter .letter-text{transition:.5s cubic-bezier(.165,.84,.44,1)}.phase .enemy .word .letter .letter-text.enemy-leave-to{opacity:0;transform:translate3D(0,-100%,0) scale(2) rotate(0deg)}.phase .choices,.phase .choices .choice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.phase .choices .choice{background:#f4fafe;color:#085b9d;width:140px;height:160px;padding:8px;margin:0 8px;font-size:18px;line-height:18px;text-align:center;-ms-flex-direction:column;flex-direction:column;color:#666}.phase .choices .choice.active{box-shadow:0 0 0 2px #90cbf9;background:#deeffd;opacity:1;color:#2196f3}.phase .choices .choice .name{display:block;margin:0 0 16px}.phase .choices .choice .touch{width:64px;height:64px}.phase .choices .choice .hearts{padding:0 16px;color:#ff625a}.phase .choices .choice .hearts.life-up{color:#ccc}.phase .choices .choice .hearts .heart{display:inline-block}.phase .choices .choice .hearts .heart .icon{display:block}.phase .tuto .text-tuto{font-size:16px;line-height:18px;margin:0 0 24px}.phase .tuto .text-tuto p{margin:0 0 8px}.phase .tuto .text-tuto p:last-child{margin:0}.phase .tuto .text-tuto .tuto-hint{margin:16px 0 0;border-left:4px solid #2196f3;padding:0 0 0 16px;color:#2196f3}.phase .tuto .text-tuto .tuto-hint p{margin:0}.phase .lose{font-size:20px;line-height:22px}.phase .lose .lose-icon{display:block}.phase .lose .lose-icon,.phase .lose .score{text-align:center;margin:0 0 24px}.phase .lose .score .score-value{display:inline-block;font-size:48px;line-height:48px;white-space:nowrap}.phase .lose .score .score-value .p1,.phase .lose .score .score-value .p2{position:absolute;left:calc(100% + 8px);font-size:14px;line-height:16px;text-align:left;color:#999}.phase .lose .score .score-value .p1{top:8px}.phase .lose .score .score-value .p2{bottom:8px}.phase .lose .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.phase .lose .buttons .button{display:inline-block;height:48px;padding:12px 24px;background:#2196f3;border-radius:8px;box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.15);line-height:20px;color:#fff;font-size:18px}.phase .lose .buttons .button:active{transform:translate3D(0,3px,0);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.15)}.phase .lose .buttons .button .icon{float:left;line-height:24px;margin:0 12px 0 0}.notebook{display:inline-block;margin:0 0 180px 24px;width:200px;height:200px;font-size:20px;font-family:Averia Libre,Inconsolata;line-height:22px}.notebook.shaking{animation:shake .25s infinite cubic-bezier(.36,.07,.19,.97) both}.notebook .notebook-bg,.notebook .notebook-content,.notebook:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:#fff9e6;transform:rotate(2deg);border-radius:2px;box-shadow:-1px 2px 0 0 rgba(68,82,88,.08),1px -2px 0 0 rgba(68,82,88,.08),4px 6px 0 0 rgba(68,82,88,.08)}.notebook .notebook-bg{transform:rotate(-1deg) translateY(-1px)}.notebook .notebook-content{transform:none;background:#fff9e6;padding:32px}.notebook .notebook-content .player{display:block}.notebook .notebook-content .player .name{display:block;margin:0 0 8px}.notebook .notebook-content .player .life{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.notebook .notebook-content .player .life .heart{margin:1px}.notebook .notebook-content .player .life .heart .heart-empty{color:rgba(68,82,88,.2)}.notebook .notebook-content .player .life .heart .heart-full{position:absolute;left:0;top:0;color:#ff625a}.notebook .notebook-content .player .life .heart .heart-full.heart-leave-active{transition:.75s cubic-bezier(.165,.84,.44,1);transition-delay:.25s}.notebook .notebook-content .player .life .heart .heart-full.heart-leave-to{opacity:0;transform:scale(4)}.notebook .notebook-content .player .life .heart .icon{display:block}@keyframes shake{10%,90%{transform:translate3d(-1px,3px,0)}20%,80%{transform:translate3d(2px,-2px,0)}30%,50%,70%{transform:translate3d(-4px,3px,0)}40%,60%{transform:translate3d(4px,-3px,0)}}.notifications{position:fixed;right:16px;top:16px;width:320px;font-family:Averia Libre}.notifications .notification{display:block;margin:0 0 8px;text-align:right}.notifications .notification.notification-enter-active,.notifications .notification.notification-leave-active,.notifications .notification.notification-move{transition:.15s cubic-bezier(.165,.84,.44,1)}.notifications .notification.notification-enter,.notifications .notification.notification-leave-to{opacity:0;transform:translate3D(100%,0,0)}.notifications .notification .notification-content{display:inline-block;background:#f0fbfd;box-shadow:1px 2px 0 0 #9babb2;text-align:left;border-radius:8px;padding:14px 16px 16px}.notifications .notification .notification-content .notification-text{font-size:16px;line-height:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:48px}.notifications .notification .notification-content .notification-text .icon{position:absolute;left:0;top:calc(50% - 16px);width:32px;height:32px;margin:0 8px 0 0}.icon{display:inline-block;vertical-align:middle}.icon.invert svg{-webkit-filter:invert(1);filter:invert(1)}.icon svg{position:absolute;left:0;top:0;right:0;bottom:0;height:100%!important;width:100%!important}.key{height:100%;width:100%;background:#fff;border-radius:20px;box-shadow:inset 0 -6px 0 0 rgba(68,82,88,.25);text-align:center;text-transform:uppercase;font-family:Inconsolata;color:#333}.key.vowel{background-color:#c5f0f5}.key.highlight{background-color:#ffe083}.key.pressed{transform:translate3D(0,5px,0);background-color:#999;color:#777}.key.pressed.vowel{background-color:#9baeb0}.key.pressed.highlight{background-color:#a19a81}.key.pressed .points{display:none}.key .points{position:absolute;top:5px;right:12px;color:rgba(0,0,0,.2);font-size:12px;letter-spacing:-2px}.key .letter{line-height:58px;font-size:26px}.key .icon{position:absolute;left:50%;top:calc(50% - 4px);transform:translate3D(-50%,-50%,0)}
/*# sourceMappingURL=app.553881ac9bbcd54ec920573b4c759e43.css.map */