.card{width:90vw;max-width:340px;height:410px;background-color:#7dcfa2;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;will-change:transform,opacity;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;border-radius:10px;font-size:x-large}.card.moving{-webkit-transition:none;transition:none}.card.static{pointer-events:none}.card .sentence-container{background-color:#424242;font-weight:500;width:100%;pointer-events:none;line-height:normal;padding:10px 8px}.card .sentence-container .sentente{pointer-events:none}.notification{background-color:#fbfbfb;width:160px;z-index:1000;top:-15px;position:absolute;opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;border-radius:8px;border:2px solid #f1f1f1;left:0;right:0;margin:0 auto;padding:10px 0}.notification.show{top:15px;opacity:1}.notification .message{font-size:1em;color:#141414;margin:0}.result{background-color:#fff;color:#0f0f0f;width:90vw;max-width:500px;margin-bottom:20px;border-radius:10px;position:relative;padding:8px 5px;-webkit-box-shadow:0 1px 4px #d0d0d0;box-shadow:0 1px 4px #d0d0d0}.result .sentence{text-align:left;line-height:normal;margin:18px}.result .sentence .highlight{background-color:#ceffc4;border-radius:3px}.result .user-answer-container{font-size:.8em;text-align:left;margin-left:20px}.result .user-answer-container>*{display:inline}.result .user-answer-container .user-answer{padding:0 4px;border-radius:6px;background-color:#edffea;font-weight:500;color:#5c5c5c}.result .user-answer-container .user-answer.incorrect{background-color:#ffefef}.result .result-icon{position:absolute;top:-8px;left:-8px;color:#4db94d}.result .result-icon.incorrect{color:#ff5c5c}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.button{background-color:#dadada;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-style:none;padding:0!important}body{background-color:#f5f5f5}p{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:650px;overflow:hidden;font-size:1.2em;background-color:#f9f9f9;position:relative}#app .new-game-button{background-color:#39a2fd;color:#fff;font-weight:500;padding:10px 20px;font-size:1.2em;border-radius:5px;outline:none;border-style:none;margin:30px 0 60px;-webkit-transition:.2s;transition:.2s;-webkit-box-shadow:0 1px 8px 0 #9a9a9a;box-shadow:0 1px 8px 0 #9a9a9a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app .new-game-button:active{background-color:#1379d3;-webkit-box-shadow:0 1px 8px 0 #ddd;box-shadow:0 1px 8px 0 #ddd}#app .game-container{position:relative;margin-top:100px}#app .game-container .cards{color:#fff;font-size:1.5em;-ms-flex-preferred-size:80%;flex-basis:80%;height:410px;width:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:5px}#app .game-container .controls{margin-top:20px}#app .game-container .controls .no-button,#app .game-container .controls .yes-button{background-color:#fafafa;border-style:none;outline:none;width:66px;height:66px;border-radius:50%;padding:0;margin:0 12px;-webkit-box-shadow:0 0 5px 4px #e4e4e4;box-shadow:0 0 5px 4px #e4e4e4;-webkit-transition:all .5s;transition:all .5s}#app .game-container .controls .no-button:active,#app .game-container .controls .yes-button:active{-webkit-box-shadow:0 1px 5px 4px #d8d8d8;box-shadow:0 1px 5px 4px #d8d8d8;-webkit-transform:translateY(2px);transform:translateY(2px)}#app .game-container .controls .no-button .icon,#app .game-container .controls .yes-button .icon{pointer-events:none}#app .game-container .controls .yes-button{color:#8fc98d}#app .game-container .controls .no-button{color:#ff8989}#app .welcome-container{max-width:400px;margin:0 auto;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;-webkit-transform:translateY(50%);transform:translateY(50%)}#app .welcome-container>p{margin-bottom:10px}#app .results-container{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-align:center;-ms-flex-align:center;align-items:center}#app .results-container .results-header{margin-top:10px;margin-bottom:10px;font-size:1.4em}#app .results-container .results-header .win-message{background-color:#edffea;padding:10px 20px;border-radius:10px;margin-bottom:.7em}#app .results-container .results-header .heading{font-size:1.5em;margin:16px 0}