:root{--grey-color:#e4e4e4;--darker-grey-color:#bdbdbd;--text-color:#3c3c3c;--border-radius:15px}#destination__container{border-top:2px solid var(--grey-color);border-bottom:2px solid var(--grey-color);justify-content:flex-start;align-items:center;width:100%;height:60px;padding:.5em 0;display:flex}#origin__container{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;height:60px;padding:1em 0 3em;display:flex}.word{border:1px solid var(--grey-color);border-radius:var(--border-radius);box-shadow:0px 3px 0px 0px var(--grey-color);cursor:pointer;z-index:1;user-select:none;background-color:#fff;margin:.2em;padding:.5em 1em;font-size:1.2em;font-weight:400;transition:transform .2s ease-in-out;position:relative}.word__container{border-radius:var(--border-radius);margin:0 .2em;padding:.5em 1em}.word__container:empty{background:var(--grey-color)}.word:active{box-shadow:none;transform:translateY(2px)}footer{border-top:2px solid var(--grey-color);justify-content:space-around;align-items:center;width:100%;padding:2vh 20vw 4vh 0;display:flex;position:fixed;bottom:0}#skip_button,#check_button{border-radius:var(--border-radius);cursor:pointer;padding:.8em 2.5em;font-size:1em;font-weight:600;transition:all ease-in-out}#skip_button{color:var(--darker-grey-color);border:1px solid var(--grey-color);box-shadow:0px 3px 0px 0px var(--grey-color);background-color:#fff}#skip_button:hover{background-color:#8f9dad33}#check_button{color:beige;background-color:#2ec748;border:1px solid #2ec748;box-shadow:0 3px #27aa3d}#check_button:hover{background-color:#33db4f}#skip_button:active,#check_button:active{box-shadow:none;transform:translateY(2px)}#canvas{background-color:#0000}.top_bar{border-bottom:2px solid var(--grey-color);display:flex}#trophy{width:60px;height:60px;display:flex}svg{display:flex}@keyframes correctAnimation{0%{transform:scale(1)}50%{transform:scale(1.7)}to{transform:scale(1)}}@keyframes errorAnimation{0%,49%{opacity:.5;background-color:red}50%,to{background-color:#0000}}.svg_animate{animation-name:correctAnimation;animation-duration:1s}.error_animate{z-index:1000;animation-name:errorAnimation;animation-duration:.2s;animation-iteration-count:5}#score{align-items:center;display:flex}#score_correct{border-radius:var(--border-radius);border:1px solid #2ec748;padding:.1em 1em;font-size:1em;font-weight:600;box-shadow:0 3px #27aa3d}#level_container{z-index:1;align-items:center;width:100%;margin:0 2vw;display:flex}#levelSlider{width:30px}
/*# sourceMappingURL=watch-me-play.1ce76ce8.css.map */