#hangman-app{border:1px solid transparent;background-color:#cddeeb}#hangman-app .hint{margin:60px auto;text-align:center}#hangman-app .hint span{font-size:20px;font-weight:700;color:#fff;background:#7daacb;border:1px solid #fff;padding:8px 16px}#hangman-app #paper{text-align:center;margin-top:-50px;height:400px}#hangman-app #paper .paper-img{position:relative}#hangman-app #paper #hangman-pics img{width:120px;position:relative;top:-260px}#hangman-app #paper .comp-letters{font-family:Open Sans Condensed,sans-serif;position:relative;top:-220px;font-size:1.8rem;border-bottom:2px solid #000;margin-right:.3rem;margin-left:.3rem;min-width:1.9rem;min-height:1rem;padding:0 .3rem;display:inline-block;text-align:center}#hangman-app #paper #endGame{font-family:Open Sans Condensed,sans-serif;font-size:3rem;display:block;position:absolute;top:250px;left:50%;margin-left:-150px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:300px;-webkit-animation:fade-in .5s ease-in;animation:fade-in .5s ease-in}#hangman-app #paper #endGame span{border:4px solid #871205;color:#871205;line-height:3rem;padding:10px;padding-bottom:0;background-color:#fff}#hangman-app #user-console{display:block;text-align:center;margin-top:20px}#hangman-app #user-console .user-letters{display:inline-block;font-size:2rem;font-weight:700;color:#fff;margin-top:-24px;width:4.5rem;cursor:pointer}#hangman-app #user-console .user-letters span{display:inline-block;text-align:center;min-width:3rem;top:10px;z-index:100}#hangman-app #user-console .user-letters .hexagon,#hangman-app #user-console .user-letters span{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#hangman-app #user-console .user-letters .hexagon{margin-top:-80px}#hangman-app .continue-button{margin-top:30px;margin-bottom:30px}#hangman-app .continue-button p{text-align:center;color:#000;font-size:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-decoration:underline}#hangman-app .continue-button p:hover{color:#686968}#hangman-app .continue-button p.disabled{opacity:.4;cursor:default;pointer-events:none;text-decoration:none}@-webkit-keyframes cog-loop{0%{background-image:url(../img/cog.d26cdbec.png)}49%{background-image:url(../img/cog.d26cdbec.png)}50%{background-image:url(../img/cog-turn.1a80c80f.png)}99%{background-image:url(../img/cog-turn.1a80c80f.png)}}@keyframes cog-loop{0%{background-image:url(../img/cog.d26cdbec.png)}49%{background-image:url(../img/cog.d26cdbec.png)}50%{background-image:url(../img/cog-turn.1a80c80f.png)}99%{background-image:url(../img/cog-turn.1a80c80f.png)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes grow{0%{width:0;height:0%}to{width:400px;height:430px}}@keyframes grow{0%{width:0;height:0%}to{width:400px;height:430px}}@-webkit-keyframes appear{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}75%{opacity:0}to{opacity:1}}#sentence-app{height:100vh;overflow:hidden}#sentence-app .instructions{margin-top:50px;text-align:center;font-size:18px}#sentence-app .instructions span{background-image:-webkit-gradient(linear,left top,right top,color-stop(33%,#000),color-stop(0,hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#000 33%,hsla(0,0%,100%,0) 0);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x;cursor:pointer}#sentence-app .instructions span .popup{display:none;position:absolute;top:80px;left:50%;margin-left:-150px;width:300px;padding:10px;background-color:#fff;z-index:100}#sentence-app .instructions span:hover>.popup{display:block}#sentence-app .eng-sentence{margin-top:10px;text-align:center;font-size:25px;font-weight:700}#sentence-app .draggable-words,#sentence-app .static-words{position:absolute;top:200px;left:50%}#sentence-app .draggable-words .draggable,#sentence-app .static-words .draggable{position:relative;display:inline-block;z-index:1}#sentence-app .draggable-words .draggable p,#sentence-app .static-words .draggable p{width:150px;padding-top:10px;padding-bottom:10px;margin-right:10px;text-align:center;background-color:#7daacb;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #fff;color:#fff;font-weight:700}#sentence-app .draggable-words .draggable.correct,#sentence-app .static-words .draggable.correct{pointer-events:none;cursor:default}#sentence-app .draggable-words .draggable.correct p,#sentence-app .static-words .draggable.correct p{background-color:#dbc147;color:#000}#sentence-app .draggable-words .draggable.disabled,#sentence-app .static-words .draggable.disabled{z-index:0}#sentence-app .draggable-words .draggable.disabled p,#sentence-app .static-words .draggable.disabled p{opacity:.4}#sentence-app .answer-fields{position:absolute;top:280px;left:50%}#sentence-app .answer-fields .answer-field{position:relative;display:inline-block;width:150px;height:46px;background-color:#686968;border-radius:20px;opacity:.3;margin-right:10px}#sentence-app .sentence-button{margin-top:300px;cursor:pointer}#sentence-app .sentence-button p{text-align:center;color:#000;font-size:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:underline}#sentence-app .sentence-button p:hover{color:#686968}#stats{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;position:absolute;width:450px;height:500px;top:50%;left:50%;margin-top:-250px;margin-left:-225px;border:4px solid #fff;-webkit-box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);background-color:#cddeeb;z-index:500}#stats .close-wrapper{font-family:Open Sans Condensed,sans-serif;position:absolute;right:0;top:7px;width:30px;font-weight:700;font-size:2rem;cursor:pointer;color:#686968}#stats .close-wrapper:hover{opacity:.8}#stats .arrow{position:absolute;top:235px;border-top:15px solid transparent;border-bottom:15px solid transparent;cursor:pointer}#stats .arrow.left{border-right:15px solid #686968;left:20px}#stats .arrow.left.ghost{z-index:-1;opacity:.4;cursor:default}#stats .arrow.right{border-left:15px solid #686968;right:20px}#stats .arrow.right.ghost{z-index:-1;opacity:.4;cursor:default}#stats .page{width:340px;padding:10px;background-color:#fff}#stats .page .page-item{font-size:16px;position:relative;height:30px;padding-top:5px;border-bottom:1px solid #cddeeb}#stats .page .page-item:last-child{border-bottom:none}#stats .page .page-item .slo-word{position:absolute;margin-left:30px}#stats .page .page-item .eng-word{position:absolute;margin-left:167px}#stats .page .page-item img{float:right;padding-right:20px}#settings{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;position:absolute;width:400px;height:450px;top:50%;left:50%;margin-top:-225px;margin-left:-200px;border:4px solid #fff;-webkit-box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);color:#fff;background-color:#686968;z-index:500;text-align:center}#settings .close-wrapper{font-family:Open Sans Condensed,sans-serif;position:absolute;right:10px;top:7px;width:30px;font-weight:700;font-size:2rem;cursor:pointer;margin-bottom:40px}#settings .close-wrapper:hover{opacity:.5}#settings .close-wrapper span{color:#fff}#settings .options{text-align:center;margin-top:30px;display:block;margin-bottom:-50px;font-size:1.3rem}#settings .options div{display:inline-block;text-align:center;width:40px;cursor:pointer;height:35px;margin:15px 5px 0 5px}#settings .options div .option-hex{width:40px;top:-37px}#settings .options div .option-hex,#settings .options div span{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#settings .options div span{z-index:200}#settings #setting-button{margin-top:60px;font-weight:700;font-family:Open Sans Condensed,sans-serif;font-size:20px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#settings #setting-button:hover{opacity:.5}#settings .reset-button{margin-top:30px;font-family:Open Sans Condensed,sans-serif;font-size:15px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#settings .reset-button:hover{opacity:.5}#puzzle-menu{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;position:absolute;width:400px;height:400px;top:50%;left:50%;margin-top:-200px;margin-left:-200px;border:4px solid #fff;-webkit-box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);background-color:#dbc147;z-index:500}#puzzle-menu .close-wrapper{font-family:Open Sans Condensed,sans-serif;position:absolute;right:0;top:6px;width:30px;font-weight:700;font-size:2rem;cursor:pointer;margin-bottom:7px}#puzzle-menu .close-wrapper:hover{opacity:.5}#puzzle-menu .grid{width:304px;border:2px solid #fff;margin:auto}#puzzle-menu .grid .row{margin:0;height:50px}#puzzle-menu .grid .row .piece{position:relative;display:inline-block;width:50px;height:50px;background-color:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.05);-webkit-box-sizing:border-box;box-sizing:border-box}#puzzle-menu .grid .row .piece img{position:absolute;top:-1px;left:-1px;width:50px;height:50px}#puzzle-menu .grid .row .piece img.fadeIn{-webkit-animation:fadeIn 2s linear;animation:fadeIn 2s linear}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:0}#app{background-color:#cddeeb;height:100vh;font-family:Open Sans Condensed,sans-serif}#app #intro-screen{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .start-button{width:200px;height:50px;text-align:center;background-color:#7daacb;border-radius:20px;border:2px solid #fff;cursor:pointer}#app .start-button:hover{-webkit-box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8);box-shadow:.31rem .31rem .31rem 0 hsla(0,0%,66.7%,.8)}#app .start-button:active{background-color:#dbc147}#app .start-button span{font-size:1.5rem;color:#fff;line-height:55px;font-family:Neucha,sans-serif}#app .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:200px;margin-top:30px}#app .menu .img-wrapper{width:50px;height:50px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}#app .menu .img-wrapper #bars,#app .menu .img-wrapper #cog,#app .menu .img-wrapper #puzzle{height:35px}#app .menu .img-wrapper:hover{border-bottom:5px solid #7daacb}