*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.container{padding:16px}a{text-decoration:none;color:inherit}.header{background-color:#01ccd1;color:#fff;padding:12px 16px 8px;font-size:14px;text-transform:uppercase;text-align:left;position:relative}.header .definition{position:absolute;z-index:12;background:#e8e8e8;width:100%;bottom:-32px;left:0;padding:5px 40px 5px 15px;color:#5d5d5d;text-transform:capitalize}.header .definition .close{position:absolute;width:20px;height:20px;border-radius:50%;right:7px;color:#c3c1c1;top:5px;border:0;font-weight:700;background:#fff;font-size:10px}.uppercase{text-transform:uppercase}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .6s;transition:opacity .6s}.fade-enter,.fade-leave-to{opacity:0}.question{position:absolute;right:10px;width:20px;font-size:18px;font-weight:800;top:9px;color:#fff;background:transparent;border:0}.level-header{margin-top:10px;letter-spacing:1px}.level-header p{font-size:14px}.level-list{margin-top:20px}.level-list li{margin:5px 10px;padding:10px}.level-list li p{border:2px solid #000;color:#000;padding:25px 20px;text-align:left;font-weight:800;border-radius:5px;position:relative}.level-list li p:after{content:"";width:84px;height:100px;position:absolute;z-index:1;bottom:-3px;right:-5px}.level-list li:first-child p{border-color:#d6135b;color:#d6135b}.level-list li:first-child p:after{background:url(../img/monster1.3908a011.png) no-repeat 50%;background-size:contain}.level-list li:nth-child(2) p{border-color:#1a1460;color:#1a1460}.level-list li:nth-child(2) p:after{background:url(../img/monster2.ac20a16f.png) no-repeat 50%;background-size:contain}.level-list li:nth-child(3) p{border-color:#40a6f3;color:#40a6f3}.level-list li:nth-child(3) p:after{background:url(../img/monster3.ff7db9d3.png) no-repeat 50%;background-size:contain}.level-list li:nth-child(4) p{border-color:#8cc644;color:#8cc644}.level-list li:nth-child(4) p:after{background:url(../img/monster4.6f7f653f.png) no-repeat 50%;background-size:contain}.level-list li:nth-child(5) p{border-color:#f79221;color:#f79221}.level-list li:nth-child(5) p:after{background:url(../img/monster5.aeaa6a74.png) no-repeat 50%;background-size:contain}.level1.page-color .header{background-color:#d6135b}.level1.page-color .container .container-options ul li{background-color:#d6135b;border-color:#d6135b}.level1.page-color .container .container-options ul li.selected{color:#d6135b}.level1.page-color .selectionCard ul li input{border-bottom-color:pink}.level1.page-color .selectionCard ul li input.active{background:#fff9fa}.level1.page-color .selectionCard ul li span{color:pink}.level2.page-color .header{background-color:#1a1460}.level2.page-color .container .container-options ul li{background-color:#1a1460;border-color:#1a1460}.level2.page-color .container .container-options ul li.selected{color:#1a1460}.level2.page-color .selectionCard ul li input{border-bottom-color:purple}.level2.page-color .selectionCard ul li input.active{background:#fbf9ff}.level2.page-color .selectionCard ul li span{color:purple}.level3.page-color .header{background-color:#40a6f3}.level3.page-color .container .container-options ul li{background-color:#40a6f3;border-color:#40a6f3}.level3.page-color .container .container-options ul li.selected{color:#40a6f3}.level3.page-color .selectionCard ul li input{border-bottom-color:#ffd000}.level3.page-color .selectionCard ul li input.active{background:#fffae4}.level3.page-color .selectionCard ul li span{color:#ffd000}.level4.page-color .header{background-color:#8cc644}.level4.page-color .container .container-options ul li{background-color:#8cc644;border-color:#8cc644}.level4.page-color .container .container-options ul li.selected{color:#8cc644}.level4.page-color .selectionCard ul li input{border-bottom-color:#649e1c}.level4.page-color .selectionCard ul li input.active{background:#f2ffe7}.level4.page-color .selectionCard ul li span{color:#649e1c}.level5.page-color .header{background-color:#f79221}.level5.page-color .container .container-options ul li{background-color:#f79221;border-color:#f79221}.level5.page-color .container .container-options ul li.selected{color:#f79221}.level5.page-color .selectionCard ul li input{border-bottom-color:#ffad52}.level5.page-color .selectionCard ul li input.active{background:#fff3ec}.level5.page-color .selectionCard ul li span{color:#ffad52}.mainLogo{width:100%;max-width:400px}.main{text-align:left}.main .item{-webkit-box-shadow:3px 3px 10px #c1bebf;box-shadow:3px 3px 10px #c1bebf;padding:10px;font-weight:700;letter-spacing:1px;text-align:center;color:#01ccd1;font-size:20px;margin-top:20px;border-radius:10px;border:2px solid #01ccd1}.home{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh}.container{min-height:calc(100vh - 40px);position:relative}.container .container-selection{position:relative;margin-top:40px;-webkit-box-shadow:2px 2px 10px grey;box-shadow:2px 2px 10px grey;border-radius:10px;padding:30px 10px 30px}.container .container-selection button{position:absolute;padding:5px;width:40px;height:40px;border-radius:50%;bottom:-20px;left:calc(50% - 20px);-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:900}.container .container-selection button:focus{outline:0}.container .container-selection button.disabled{opacity:0;pointer-events:none}.container .container-selection button.correct{background:#54cf3d;color:#fff;border:1px solid #54cf3d}.container .container-selection button.clean{background:#ffd000;border:1px solid #ffd000}.container .container-selection button.accept{background:#2fd0f5;border:1px solid #2fd0f5;font-size:18px;color:#fff}.container .container-options{margin-top:30px;padding:16px;position:relative}.container .container-options ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.container .container-options ul li{background:#01bebf;color:#fff;font-weight:600;padding:5px 3px;margin:10px 0;-ms-flex-preferred-size:calc(33% - 8px);flex-basis:calc(33% - 8px);border:2px solid #01bebf;border-radius:5px;-webkit-box-shadow:3px 3px 6px #cacaca;box-shadow:3px 3px 6px #cacaca;-webkit-transition:all .3s ease;transition:all .3s ease;text-transform:capitalize}.container .container-options ul li.selected{background:#fff;color:#01bebf;pointer-events:none}.container .container-options .correction{position:absolute;z-index:1;background-color:hsla(0,0%,100%,.95);left:0;top:0;width:100%;height:100%}.container .container-options .correction>div{padding:40px 10px 30px}.container .container-options .correction>div p{margin-top:10px;font-size:24px;font-weight:100}.container .container-options .correction>div p span{text-transform:capitalize;display:inline-block}.container .container-options .correction>div p span:nth-child(2){margin:0 14px}.container .container-options .correction button{border:2px solid #107d7d;padding:5px 20px;border-radius:5px;color:#107d7d;background:transparent;font-size:18px;font-weight:600}.container .container-options .correction button:focus{outline:0}.container .container-options .correction.correct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#54cf3d}.container .container-options .icon{margin:20px 0}.container .container-options .icon img{width:110px;opacity:.2}.endGame{position:absolute;z-index:1;background-color:hsla(0,0%,100%,.95);width:100%;left:0;top:calc(50% - 50px);color:#107d7d;font-size:20px;font-weight:700}.endGame button{display:block;margin:16px auto;border:2px solid #107d7d;padding:5px 20px;border-radius:5px;color:#107d7d;background:transparent;font-size:18px;font-weight:600}.endGame button:focus{outline:0}.selectionCard{-webkit-transition:all .3s linear;transition:all .3s linear}.selectionCard ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.selectionCard ul li{display:inline-block;padding:5px;-ms-flex-preferred-size:33%;flex-basis:33%}.selectionCard ul li input{text-transform:capitalize;font-size:16px;width:100%;border:0;padding:2px 10px;border-radius:2px;border-bottom:2px solid #ffd000;-webkit-transition:all .4s ease;transition:all .4s ease;text-align:center}.selectionCard ul li input:disabled{background:#fff}.selectionCard ul li input.active,.selectionCard ul li input:focus{outline:0;background:#fffae4;border-radius:4px}.selectionCard ul li span{font-size:10px;font-weight:600;color:#ffd000}.selectionCard.disabled{opacity:.5;pointer-events:none}.learn .container-selection{margin-top:10px}.learn .actions button{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:5px;width:40px;height:40px;border-radius:50%;font-weight:900;background:#54cf3d;border:1px solid #54cf3d;font-size:18px;color:#fff;margin:20px 10px;-webkit-transition:all .6s ease;transition:all .6s ease;cursor:pointer}.learn .actions button:focus{outline:0}.learn .actions button:active{-webkit-transform:scale(1.1);transform:scale(1.1);background:#45aa32}.learn .actions button.disabled{opacity:.5;pointer-events:none}.container .container-selection .definition{border-top:2px dashed #e6e6e6;margin-top:25px;padding-top:25px;padding-bottom:10px;font-size:16px}.container .container-selection .definition .translation{font-size:25px;text-transform:capitalize}.container .container-selection .definition button{background:#f5f5f5;border-radius:10px;border:0;width:30px;height:30px;bottom:5px;left:auto;right:5px}.container .container-selection .definition button img{width:100%}.container .container-selection .definition p i{font-size:14px;font-weight:200}.container .container-selection .definition p+img{width:60px;margin-top:10px}.fade-left-active,.fade-left-leave-active{-webkit-transition:all .8s;transition:all .8s}.fade-left-enter,.fade-left-leave-to{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}.container .container-selection button.speech-button{border:0;position:static;width:30px;margin:0 auto;display:block;background:#fff}.container .container-selection button.speech-button img{width:100%}.container .container-selection button.speech-button:active,.container .container-selection button.speech-button:focus{background:#fff}