@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dictionaryRoot{height:100%;background:linear-gradient(#fff,hsla(0,0%,100%,.8)),url(/static/media/dictionaryBack.08374cfe.jpg) no-repeat 50%;background-size:cover}*{margin:0;padding:0}.learning-card-wrapper{flex-direction:column;min-height:100%}.learning-card-wrapper,.learning-word-cards{display:flex;justify-content:center;width:100%}.learning-word-cards{align-items:center;min-height:420px;margin:30px auto}.learning-card{width:550px;background-color:#4b909b;border-radius:.5rem}@media screen and (max-width:720px){.learning-card{width:500px}}@media screen and (max-width:500px){.learning-card{min-height:515px;width:400px}}@media screen and (max-width:380px){.learning-card{min-height:555px;max-width:calc(100% - 60px)}}.learning-card-next,.learning-card-prev{display:flex;justify-content:center;width:50px}@media screen and (max-width:320px){.learning-card-next,.learning-card-prev{width:35px}}.learning-card-header{position:relative;display:flex;height:50px;margin:1rem;justify-content:space-between}@media screen and (max-width:380px){.learning-card-header{margin:1rem 5px}}.learning-card-main{display:flex;flex-direction:column;align-items:center;min-height:338px}.current-word{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border-radius:.5rem}.current-word .current-success{width:200px}.current-word .current-success,.current-word .page-and-category{display:flex;justify-content:space-around}.current-word .page-and-category .select-learning-category,.current-word .page-and-category .select-learning-page{color:#fff;margin:10px .5rem}@media screen and (max-width:470px){.current-word .current-success{flex-direction:column;justify-content:center;margin-right:10px;width:90px}.current-word .current-success>span{margin:0}}@media screen and (max-width:380px){.current-word .page-and-category{margin:0}.current-word .page-and-category .select-learning-category,.current-word .page-and-category .select-learning-page{margin:3px}}.dropdown{position:absolute;z-index:10;background-color:#d2ddf5;border:1px solid #96a0b4;border-radius:5px;padding:5px;right:30px;top:-40px;box-shadow:2px 5px 5px #000}.dropdown-notes{display:flex;justify-content:space-between;height:50px}.dropdown-notes .word-notes svg{cursor:pointer;color:#000;transition:.3s ease-in}.dropdown-notes .word-notes svg:hover{color:#fff}.dropdown div{margin:5px 0;color:#000;cursor:pointer;font-size:small}.dropdown div:hover{text-decoration:underline}.learning-word-wrapper{display:flex;justify-content:space-between;padding:0 30px;min-width:550px}.learning-word-info{max-width:280px}.learning-word-image{width:200px;height:135px;position:relative;box-shadow:2px 4px 7px #2c2c49;border-radius:3px}.learning-word-translation{display:flex;font-size:30px;margin:0 30px 10px 0}.learning-word-transcription{padding-bottom:10px}.learning-word-input{align-items:center}.learning-word-examples{display:flex;flex-direction:column;justify-content:center;min-height:150px;width:100%;max-width:500px;padding:1.5rem 1rem 1rem}.learning-word-examples div{font-size:14px;padding:4px 0}.learning-word-description{color:#fff;margin:0 1rem}@media screen and (max-width:720px){.learning-word-wrapper{min-width:450px}.learning-word-translation{font-size:24px}}@media screen and (max-width:570px){.learning-word-wrapper{min-width:280px;flex-direction:column;align-items:center}.learning-word-image{order:-1;margin-bottom:10px}}@media screen and (max-width:380px){.learning-word-wrapper{min-width:250px;flex-direction:column;align-items:center}}.learning-check-input{display:flex}.learning-check-input .word-answer-input{height:50px;font-size:20px;padding:0 .5em}.learning-check-input .check-input{margin:12px 15px}.learning-word-example,.learning-word-meaning{display:flex;flex-direction:row}.example-sentence:hover,.meaning-sentence:hover{cursor:pointer}.word-error{color:red}.word-correct{color:green}.next,.prev{cursor:pointer}.next:hover,.prev:hover{color:#5c4bb9;transform:scale(1.2)}.button-reactions{display:flex;justify-content:center}.button-reactions .learning-word-button-check,.button-reactions .learning-word-button-show{display:flex;justify-content:center;align-items:center;margin:0 10px;padding:3px;width:135px;height:40px;color:#fff;background-color:#4b909b;border-radius:5px;cursor:pointer}svg.spell{margin-left:10px;color:#000;cursor:pointer;transition:color .2s ease-in}svg.spell:hover{color:#fff}.learning-word-notification{margin-top:20px;text-align:center;font-size:1.5rem;font-weight:700;text-shadow:0 0 5px #fff;height:20px;border-color:solid 1px #4b909b;border-radius:.2rem}.learning-word-stage{display:flex;align-items:center;justify-content:center;margin:20px 0;width:100%}.learning-word-stage .number-end,.learning-word-stage .number-start{margin:0 10px;position:relative;font-size:1rem;font-weight:700;color:#338c99}.learning-word-stage .number-progress{width:calc(100% - 100px);max-width:800px;height:.5rem;background:#b1d6db;border-radius:.312rem}.makeStyles-homePage-1{background-image:url(/static/media/homepagebg.8883f867.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.account-block{padding:10% 40%;display:flex;flex-direction:column;width:30%}.field{margin:5% 0;width:200px;padding:10px 0}.image-upload input{display:none}.image-upload:hover{cursor:pointer}*{box-sizing:border-box}.status-bar{position:relative;font-size:10px;font-family:Roboto,Arial,Helvetica,sans-serif;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin:30px auto 20px}.status-bar .score{display:flex;justify-content:flex-end;width:auto;overflow:hidden;height:40px}.status-bar .score .star{width:38px;height:38px;background-image:url(/static/media/star.4cf16699.svg);background-size:contain;background-repeat:no-repeat}@media (max-width:768px){.status-bar .score .star{width:35px;height:35px}}@media (max-width:414px){.status-bar .score .star{width:30px;height:30px}}@media (max-width:768px){.status-bar{flex-direction:column;align-items:center}}@media (max-width:414px){.status-bar{justify-content:center;margin:20px auto}.status-bar .score{width:90%}}.status-bar .points{list-style:none;display:flex;padding:15px 0 0 15px;margin:0}.status-bar .points .point{position:relative;display:flex;align-items:center;justify-content:center;font-size:2.1em;color:#fff899;text-shadow:1px 1px 3px #e274fd;width:18px;height:18px;padding:18px;margin-top:-15px;border-radius:50%;background-color:#90add3;background:radial-gradient(#90add3 0,#90add3 46%,#e274fd 51%,transparent 59%,transparent 100%);margin-right:17px;box-shadow:0 0 0 2px rgba(204,221,255,.4);cursor:pointer;transition:.5s}.status-bar .points .point:nth-child(n+2):before{content:"";width:35px;height:4px;position:absolute;top:16px;left:-28px;background-color:#90add3}.status-bar .points .point-active,.status-bar .points .point:hover{box-shadow:0 0 3px 2px #90add3,inset 0 0 0 2px #cdf,inset 0 0 1px 3px #e274fd}@media (max-width:768px){.status-bar .points .point{width:16px;height:16px;padding:16px;font-size:1.6em;margin-right:15px}.status-bar .points .point:nth-child(n+2):before{content:"";width:27px;height:3px;position:absolute;top:15px;left:-21px;background-color:#90add3}}@media (max-width:414px){.status-bar .points{padding:15px 0 0 10px}.status-bar .points .point{width:14px;height:14px;padding:14px;font-size:1.4em;margin-right:15px}.status-bar .points .point:nth-child(n+2):before{content:"";width:26px;height:3px;position:absolute;top:13px;left:-20px;background-color:#90add3}}.main-page .images .img{width:390px;max-width:100%;height:260px;object-fit:cover;margin-bottom:10px;border-radius:5px;box-shadow:5px 5px 25px hsla(0,0%,46.3%,.25);border:10px solid rgba(55,97,151,.2)}.main-page .images .input,.main-page .images .translation{margin:0 0 14px;padding:5px 20px;color:#2b2b2b;font-size:24px;line-height:40px;text-align:center;width:100%;height:50px;border:none;border-radius:5px;max-width:100%;box-shadow:0 2px 3px rgba(0,0,0,.6);background-color:rgba(227,226,228,.6);transition:.3s ease-in;opacity:1}.main-page .images .translation{font-weight:700}.main-page .images .input{display:block;color:rgba(14,30,37,.7);background-image:url(/static/media/microphone.a9ed6cc5.svg);background-size:26px;background-repeat:no-repeat;background-position:10px;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}@media (max-width:414px){.main-page .images .input{width:95%}}.main-page .images .none{background-image:radial-gradient();display:none;opacity:0;transition:opacity .5s ease-in}.main-page .images .hidden{opacity:0;transition:opacity .3s ease-in}@-webkit-keyframes pulse{0%{background-color:rgba(227,226,228,.6)}25%{background-color:rgba(224,224,243,.66)}75%{background-color:rgba(254,254,255,.66)}to{background-color:rgba(227,226,228,.6)}}@keyframes pulse{0%{background-color:rgba(227,226,228,.6)}25%{background-color:rgba(224,224,243,.66)}75%{background-color:rgba(254,254,255,.66)}to{background-color:rgba(227,226,228,.6)}}.main-page .card{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px 10px 5px 40px;font-size:22px;line-height:1.4;min-width:190px;min-height:70px;margin:10px;border:1px solid #ced4da;border-radius:5px;background-color:#fff;transition:.3s}.main-page .card:hover{box-shadow:0 0 5px #20a0eb,inset 0 0 3px 2px #8d84f7}.main-page .card.active-card{border:1px solid #00ad9f;background-color:rgba(204,221,255,.82)}.main-page .card .audio-icon{position:absolute;top:18px;left:10px;width:34px;height:34px;background-image:url(/static/media/audio.5e75b57b.svg);background-repeat:no-repeat}.main-page .card .translation,.main-page .card .word{display:block;color:#0e1e25;font-size:22px;padding:0 5px;margin:0}.main-page .card .transcription{display:block;color:rgba(14,30,37,.7);font-size:18px;padding:0 5px;margin:0}@media (max-width:768px){.main-page .card{min-width:40%;padding:5px 0 0 30px}.main-page .card .audio-icon{left:2px}}@media (max-width:414px){.main-page .card{min-width:45%;max-width:49%;margin:5px;min-width:80%;max-width:89%}}.spiner{width:100px;height:100px;background:url(/static/media/Spin-0.7s-144px.03e8edda.svg);background-size:contain;background-repeat:no-repeat}.main-page .btns{font-size:10px;font-family:Roboto,Arial,Helvetica,sans-serif;width:100%;display:flex;justify-content:space-between}@media (max-width:414px){.main-page .btns{flex-wrap:wrap;justify-content:center}}.main-page .btn{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:24px;text-align:center;padding:10px 25px;text-decoration:none;min-width:200px;color:#fff899;text-shadow:2px 2px 2px #8f83ff;background:#809dc3;border:none;outline:none;border-radius:5px;visibility:visible;transition:.55s;box-shadow:0 0 10px 1px hsla(0,0%,100%,.2),0 2px 4px 0 rgba(14,30,37,.4);cursor:pointer}.main-page .btn:hover{background:#e274fd;border-radius:10px}.main-page .btn.voice{width:660px;max-width:40%}@media screen and (max-width:414px){.main-page .btn{padding:10px 5px;white-space:pre-line;margin:0 5px 20px;min-width:50%}.main-page .btn.voice{width:30vw}}@media (max-width:768px){.main-page .btn{padding:10px 5px;white-space:pre-line;margin:0 5px 20px;min-width:30%}.main-page .btn.voice{width:30vw}}@media screen and (max-width:414px){.main-page .btn{min-width:80%;margin-bottom:10px}.main-page .btn-res{min-width:80%}}.stat-container{display:flex;flex-direction:column;align-items:center}.stat-container .title-stat{text-align:center;font-size:44px;margin:0 5px 10px;color:#e274fd;text-shadow:0 2px 4px #000}.stat-container .table-stat{font-size:20px;border-collapse:collapse;min-width:70%;overflow-y:auto}.stat-container .table-stat th{background-color:rgba(226,116,253,.33);width:20%}.stat-container .table-stat td,.stat-container .table-stat th{border:2px solid #90add3;text-align:center;padding:2px 4px}.stat-container .table-stat .result-link{border:none;outline:none;font-size:20px;background-color:transparent;color:#00d;text-decoration:underline;cursor:pointer;transition:.3s ease-in}.stat-container .table-stat .result-link:hover{color:#a07;text-shadow:0 0 1px #00f}.stat-container .message-stat{text-align:center;font-size:20px}.stat-container .btn-stat{height:45px;margin:20px auto}@media (max-width:768px){.stat-container{padding:20px 10px}.stat-container .table-stat{font-size:18px;width:95%}}@media (max-width:414px){.stat-container{padding:20px 5px}.stat-container .table-stat{font-size:14px;width:95%}}.MuiBackdrop-root.results{display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.73);flex-direction:column;position:fixed;top:56px;bottom:0;right:0;left:56px;text-align:center;padding:15px 10px 0;transition:.5s;z-index:100}@media (max-width:599px){.MuiBackdrop-root.results{left:0}}.MuiBackdrop-root.results .results-container,.MuiBackdrop-root.results .stat-container{position:relative;max-width:780px;max-height:98%;padding:15px 100px;text-align:left;overflow-y:auto;font-size:20px;background-color:#cdf;border-radius:8px}@media (max-width:768px){.MuiBackdrop-root.results .results-container,.MuiBackdrop-root.results .stat-container{padding:20px 40px}.MuiBackdrop-root.results .results-container .btns-res .btn-res,.MuiBackdrop-root.results .stat-container .btns-res .btn-res{font-size:18px;min-width:30%}}@media (max-width:414px){.MuiBackdrop-root.results .results-container,.MuiBackdrop-root.results .stat-container{padding:10px}.MuiBackdrop-root.results .results-container .card,.MuiBackdrop-root.results .stat-container .card{max-width:95%;min-height:50px}.MuiBackdrop-root.results .results-container .succes-cards,.MuiBackdrop-root.results .stat-container .succes-cards{margin-bottom:10px}.MuiBackdrop-root.results .results-container .btns-res .btn,.MuiBackdrop-root.results .stat-container .btns-res .btn{font-size:16px;min-width:80%}}.MuiBackdrop-root.results .results-container .card{flex-direction:row;flex-wrap:wrap;min-height:40px;font-size:20px;border:0;margin:0 0 8px;padding:0 0 0 50px}.MuiBackdrop-root.results .results-container .card .audio-icon{top:5px}.MuiBackdrop-root.results .results-container .errors,.MuiBackdrop-root.results .results-container .succes{margin-bottom:10px}.MuiBackdrop-root.results .results-container .errors-num{background-color:#da5b4c;color:#fff;padding:3px 14px;border-radius:21px;margin-left:5px}.MuiBackdrop-root.results .results-container .succes-num{background-color:#01af61;color:#fff;padding:3px 14px;border-radius:21px;margin-left:5px}.MuiBackdrop-root.results .results-container .error-cards .cards{display:block}.MuiBackdrop-root.results .results-container .error-cards .card{box-shadow:0 0 3px 1px #da5b4c}.MuiBackdrop-root.results .results-container .error-cards .card .translation{display:block}.MuiBackdrop-root.results .results-container .succes-cards{margin-bottom:20px}.MuiBackdrop-root.results .results-container .succes-cards .cards{display:block}.MuiBackdrop-root.results .results-container .succes-cards .card{box-shadow:0 0 3px 1px #6cc49c}.MuiBackdrop-root.results .results-container .succes-cards .card .translation{display:block}.MuiBackdrop-root.results .results-container .btns-res{margin-bottom:10px}.MuiBackdrop-root.results .results-container .btns-res .btn-res{margin:5px;padding:10px 15px;min-width:20%;width:25%}.main-page{position:relative;right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;min-height:calc(100vh - 56px);max-width:1197px;width:100%}.main-page .cards{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 30px;margin-bottom:20px}.main-page .cards .card .translation{display:none}@media (max-width:768px){.main-page .cards{padding:0 10px;justify-content:space-around}}@media (max-width:414px){.main-page .cards{justify-content:center}}.startGame-root{background:no-repeat 50% url(/static/media/original.5a84b4e1.png);background-size:cover}.animate{-webkit-animation:container 4s ease-in;animation:container 4s ease-in;width:300px;height:100%;margin:0 auto}@-webkit-keyframes container{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:1;transform:translateY(80%)}}@keyframes container{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:1;transform:translateY(80%)}}.savannahRoot{display:flex;height:100%;flex-direction:column;align-content:center;justify-content:center}.mainGame{height:100%;background:no-repeat 50% url(/static/media/original.5a84b4e1.png);background-size:cover}.team-card{display:inline-block;margin-bottom:1.25rem}.card-container{margin:50px;-webkit-column-count:1;column-count:1;grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem}@media (min-width:576px){.card-container{max-width:540px;-webkit-column-count:2;column-count:2;margin:90px auto}}@media (min-width:768px){.card-container{max-width:720px;-webkit-column-count:2;column-count:2;margin:90px auto}}@media (min-width:992px){.card-container{max-width:970px;-webkit-column-count:3;column-count:3;margin:90px auto}}@media (min-width:1200px){.card-container{max-width:1140px;-webkit-column-count:3;column-count:3;margin:90px auto}}.stepper{display:flex;justify-content:space-between;align-items:center;width:100px;padding:16px;margin:auto}.step{border-radius:50%;background-color:rgba(0,0,0,.38);width:12px;height:12px}.root{min-width:475px;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center}@media (max-width:600px){.root{min-width:90%}}.hr{width:90%}.content{flex-direction:column}.content,.game--control-wrapper{display:flex;justify-content:space-between;align-items:center}.game--control-wrapper{margin-top:25px;padding:0 10px;flex-wrap:wrap;font-size:18px;color:#fff;min-height:20px;width:calc(100% - 60px);box-sizing:border-box}@media screen and (max-width:414px){.game--control-wrapper{width:calc(100% - 30px);flex-direction:column;align-content:center}}.control--raunds{display:flex;padding:5px 0;background:linear-gradient(#d8b9fc,#757475);border:1px solid #212b34;border-radius:5px;box-shadow:inset 0 1px #93729e,inset 0 0 1px rgba(160,124,172,.75),0 1px #9d5bb3,0 0 1px #4e3955}@media screen and (max-width:414px){.control--raunds{margin-bottom:10px}}.control--raunds>div{margin:0 10px}.control--buttons{display:flex}@media screen and (max-width:414px){.control--buttons{margin-bottom:10px}}.control--buttons button{position:relative;background:#4e1f83 linear-gradient(#9d2bc3,#4a1885);display:flex;justify-content:center;align-items:center;padding:1px;color:#fff;font-size:16px;height:30px;width:30px;cursor:pointer;margin:0 4px;border:1px solid #212b34;border-radius:3px;box-shadow:inset 0 1px #93729e,inset 0 0 1px rgba(160,124,172,.75),0 1px #9d5bb3,0 0 1px #4e3955;transition:.3s ease-in}.control--buttons button.disabled{box-shadow:none}.control--buttons button.disabled,.control--buttons button.disabled:hover{background:linear-gradient(#757475,#d8b9fc)}.control--buttons button:focus{outline:none}.control--buttons button:hover{background:#3a2895 linear-gradient(#ad6bc3,#3a2895)}.control--buttons button:hover .tooltiptext{visibility:visible}.control--buttons button:hover i.material-icons{cursor:pointer;-webkit-animation:swing 3s infinite;animation:swing 3s infinite;background-color:rgba(0,0,0,.07);box-shadow:none}@-webkit-keyframes swing{0%{opacity:1;color:#fff;transform:rotate(0deg)}25%{opacity:1;color:#fff;transform:rotate(-5deg)}75%{opacity:1;color:#fff;transform:rotate(5deg)}to{opacity:1;color:#fff;transform:rotate(0deg)}}@keyframes swing{0%{opacity:1;color:#fff;transform:rotate(0deg)}25%{opacity:1;color:#fff;transform:rotate(-5deg)}75%{opacity:1;color:#fff;transform:rotate(5deg)}to{opacity:1;color:#fff;transform:rotate(0deg)}}.control--hints{display:flex;flex-direction:column;align-items:center;margin-top:-15px;min-height:54px;width:100%}@media screen and (max-width:520px){.control--hints{margin-top:0}}.control--hints .audio-hint{display:flex;justify-content:center;align-items:center;position:relative}.control--hints .audio-hint i.material-icons{display:flex;justify-content:center;align-items:center;font-size:24px}.control--hints .audio-hint .tooltiptext{width:140px;top:-50%;left:115%;margin-left:auto;transition:.3s ease-in-out 1.5s}.control--hints .audio-hint .tooltiptext:after{bottom:auto;left:auto;top:50%;right:100%;margin-top:-5px;border-color:transparent #7c42a3 transparent transparent}.control--hints .audio-hint:hover{text-shadow:0 0 10px #3a2895}.control--hints .audio-hint:hover .tooltiptext{visibility:visible}.control--hints .audio-hint:hover i.material-icons{background-color:rgba(0,0,0,.07);cursor:pointer;box-shadow:none}.control--hints .translation-hint{display:flex;justify-content:center}.control--hints .translation-hint p{margin:0 0 4px;color:#fff;text-align:center;text-shadow:0 0 5px #3c0253}.control--hints .hidden{opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease-in-out}.game--puzzle-wrapper .result{position:relative;font-size:18px;color:#fff;text-shadow:0 0 5px #fff;height:410px;max-width:760px;width:100%;box-sizing:border-box;z-index:5}@media screen and (max-width:880px){.game--puzzle-wrapper .result{max-width:675px;height:360px}}@media screen and (max-width:780px){.game--puzzle-wrapper .result{max-width:575px;height:308px}}@media screen and (max-width:650px){.game--puzzle-wrapper .result{max-width:475px;height:260px}}.game--puzzle-wrapper .result-field--background{position:absolute;opacity:.4;height:100%;width:calc(100% - 33px);top:-4px;left:36px;box-shadow:inset 0 0 4px 1px #404070;pointer-events:none;background-size:calc(100% - 8px) calc(100% - 10px);background-position:50%;background-repeat:no-repeat}@media screen and (max-width:780px){.game--puzzle-wrapper .result-field--background{top:-5px;width:calc(100% - 24px);left:27px}}@media screen and (max-width:650px){.game--puzzle-wrapper .result-field--background{width:calc(100% - 20px);left:25px}}.game--puzzle-wrapper .result--sentence{position:relative;width:100%;display:flex;align-items:center;height:40px;opacity:1;transition:opacity .6s ease-in}.game--puzzle-wrapper .result--sentence-text_container{margin-left:3px;display:flex;justify-content:space-between;width:100%;z-index:6;height:100%}.game--puzzle-wrapper .result--sentence-text_container.current-sentence{justify-content:flex-start;box-shadow:inset 0 0 5px #559,0 0 2px hsla(0,0%,100%,.33);border-radius:2px}.game--puzzle-wrapper .result--sentence-text_container.current-sentence.filled{justify-content:space-between}.game--puzzle-wrapper .result--sentence-text_container.current-sentence.filled .canvas-item:not(:first-child){margin-left:-7px}.game--puzzle-wrapper .result--sentence-text_container.current-sentence .canvas-item:not(:first-child){margin-left:-5px}.game--puzzle-wrapper .result--sentence-text_container .canvas-item:not(:first-child){margin-left:-7px}.game--puzzle-wrapper .result--sentence.hidden{opacity:0;pointer-events:none}@media screen and (max-width:880px){.game--puzzle-wrapper .result--sentence{height:35px}.game--puzzle-wrapper .result--sentence-text_container{display:flex;height:35px}.game--puzzle-wrapper .result--sentence-text_container .canvas-item:not(:first-child){margin-left:-5.5px}}@media screen and (max-width:780px){.game--puzzle-wrapper .result--sentence{height:30px}.game--puzzle-wrapper .result--sentence-text_container{height:35px}.game--puzzle-wrapper .result--sentence-text_container .canvas-item:not(:first-child){margin-left:-4.5px}}@media screen and (max-width:650px){.game--puzzle-wrapper .result--sentence,.game--puzzle-wrapper .result--sentence-text_container{height:25px}}.game--puzzle-wrapper .result--sentence-numeration{display:flex;justify-content:center;align-items:center;margin:5px 10px 5px 0;height:30px;width:30px;background-color:#404070;border:1px solid #fff;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:780px){.game--puzzle-wrapper .result--sentence-numeration{font-size:14px;width:20px;height:20px;margin:3px 8px 3px 0}}.game--puzzle-wrapper .result--sentence-numeration.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease-in-out}.game--puzzle-wrapper .raw{display:flex;justify-content:center;position:relative;margin-top:10px;padding-left:35px;font-size:20px;color:#fff;font-weight:400;text-shadow:0 0 5px #3c0253,0 0 15px #231729;width:calc(100% - 10px);min-height:40px}.game--puzzle-wrapper .raw .painting-description{padding:0}@media (max-width:900px){.game--puzzle-wrapper .raw{min-height:35px;padding-left:15px}}@media (max-width:880px){.game--puzzle-wrapper .raw{min-height:35px;padding-left:15px}}@media (max-width:780px){.game--puzzle-wrapper .raw{min-height:30px;padding-left:20px}}@media (max-width:650px){.game--puzzle-wrapper .raw{padding-left:5px;min-height:20px}}@media (max-width:529px){.game--puzzle-wrapper .raw{opacity:0;pointer-events:none}}.word-container{margin:0 5px;display:flex;justify-content:center;align-items:center;flex-basis:5%;flex-grow:1;height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#404070;border:1px solid #262647;box-shadow:1px 1px 6px #3a3a69;transition:box-shadow .3s ease-in;cursor:-webkit-grab;cursor:grab}.word-container:hover{box-shadow:1px 1px 3px #111120}.canvas-item{opacity:1;height:40px;cursor:-webkit-grab;cursor:grab;z-index:100;transition:opacity .4s ease-in}@media screen and (max-width:880px){.canvas-item{height:35px}}@media screen and (max-width:780px){.canvas-item{height:30px}}@media screen and (max-width:650px){.canvas-item{height:25px}}.canvas-item.correct{box-shadow:-2px 15px 8px -10px rgba(0,255,0,.56)}.canvas-item.error{box-shadow:-2px 15px 8px -10px #f20808}.canvas-item:not(:first-child){margin-left:-2px}.canvas-item:last-child{margin-right:-6px}.canvas-item.dragged{opacity:.2}.statistics-container{position:relative;display:flex;flex-direction:column;align-items:center;height:85%;width:100%;overflow:auto}.statistics-container .table-container{max-height:60%}@media screen and (max-width:440px){.statistics-container .table-container .table-stat{font-size:14px;max-height:90%}}@media screen and (max-width:400px){.statistics-container .table-container .table-stat{font-size:12px}}.statistics-container .table-stat{font-size:16px;border-collapse:collapse;min-width:70%}.statistics-container .table-stat th{background-color:rgba(226,116,253,.33)}.statistics-container .table-stat th .th-level{width:30%}.statistics-container .table-stat td,.statistics-container .table-stat th{white-space:pre-wrap;padding:5px;border:2px solid #90add3;text-align:center}@media screen and (max-width:480px){.statistics-container .table-stat td,.statistics-container .table-stat th{padding:1px}}.statistics-container .table-stat .result-link{border:none;outline:none;font-size:16px;background-color:transparent;color:#00d;text-decoration:underline;cursor:pointer;transition:.3s ease-in}.statistics-container .table-stat .result-link:hover{color:#a07;text-shadow:0 0 1px #00f}@media screen and (max-width:440px){.statistics-container .table-stat .result-link{font-size:14px}}@media screen and (max-width:400px){.statistics-container .table-stat .result-link{font-size:12px}}.statistics-title{text-align:center;font-size:24px;margin:0}.statistics-learned{text-align:center;font-weight:700;color:#225;margin:5px}.game--wrapper .results{position:relative;display:flex;align-items:center;flex-direction:column;padding:20px 20px 10px;width:700px;max-width:90%;max-height:85vh;background-color:#edf;border-radius:5px;transition:.5s ease-in}@media screen and (max-width:594px){.game--wrapper .results div:last-child .MuiButton-root{margin:4px;padding:6px 10px}.game--wrapper .results div:last-child .MuiButton-label{font-size:12px}}@media screen and (max-width:493px){.game--wrapper .results{padding:20px 10px 10px;max-width:95%}.game--wrapper .results div:last-child{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width:360px){.game--wrapper .results{padding:20px 5px 10px}}.game--wrapper .results-painting{display:flex;align-items:center;flex-direction:column}.game--wrapper .results-painting--img{margin-bottom:10px;width:140px;height:100px;border-radius:5px}.game--wrapper .results-sentences{margin-top:10px;overflow-y:auto;width:500px;max-width:95%}.game--wrapper .results-dontknow,.game--wrapper .results-youknow{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;padding:5px;background-color:#fff;border-radius:5px}.game--wrapper .results-dontknow--count,.game--wrapper .results-youknow--count{display:flex;align-items:center;margin:5px 0 5px 20px;font-weight:700}.game--wrapper .results-dontknow--count .errors-num,.game--wrapper .results-dontknow--count .succes-num,.game--wrapper .results-youknow--count .errors-num,.game--wrapper .results-youknow--count .succes-num{background-color:#da5b4c;color:#fff;padding:2px 14px;border-radius:21px;margin-left:5px;font-size:18px}.game--wrapper .results-dontknow--count .succes-num,.game--wrapper .results-youknow--count .succes-num{background-color:#01af61}.game--wrapper .results-dontknow .result-item,.game--wrapper .results-youknow .result-item{display:flex;margin:4px;padding:1px 5px;cursor:pointer;border-radius:5px;transition:.3s ease-in}.game--wrapper .results-dontknow .result-item--sentence,.game--wrapper .results-youknow .result-item--sentence{margin:0;font-size:16px}@media screen and (max-width:414px){.game--wrapper .results-dontknow .result-item--sentence,.game--wrapper .results-youknow .result-item--sentence{font-size:14px}}.game--wrapper .results-dontknow .result-item:hover,.game--wrapper .results-youknow .result-item:hover{background-color:#fdf}.game--wrapper .results-dontknow .result-item .material-icons,.game--wrapper .results-youknow .result-item .material-icons{color:#003}.game--wrapper{margin:0 auto;right:0;padding-bottom:10px;justify-content:center;min-height:100%;max-width:1000px;width:calc(100vw - 60px)}.game--puzzle-wrapper,.game--wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.game--puzzle-wrapper{margin-bottom:5px;width:100%}@media screen and (max-width:529px){.game--puzzle-wrapper:after{position:relative;content:"Please, rotate the screen. Puzzles available on the screen width from 530px and more.";width:90%;height:180px;font-size:28px;text-align:center;text-shadow:0 0 10px #000;color:#c7a2ec}.game--puzzle-wrapper>div{display:none}}i.material-icons{font-size:18px;color:#fff;background-color:transparent;position:relative;border-radius:50%;padding:2px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background .3s ease-in;transform:rotate(0deg)}.tooltiptext{visibility:hidden;background-color:#7c42a3;color:#fff;font-size:16px;text-align:center;padding:5px;border-radius:6px;position:absolute;top:130%;z-index:200;transition:.3s ease-in-out .5s}.tooltiptext:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#7c42a3}.canvas{background-image:url(/static/media/background.e2329821.jpg);max-width:100%}
/*# sourceMappingURL=main.83411c8f.chunk.css.map */