body,html{background:#2a2a2e;color:#f1f2f6;font-family:sans-serif;text-align:center;height:100%;margin:0;padding:0}#root{height:100%;display:flex}.wrapper{width:100%;height:100vh}.content-wrapper{height:93vh;background:#f1f1f1;margin:0 auto;padding:0 2em}.card,.content-wrapper{display:flex;justify-content:center;align-items:center}.card{width:480px;max-width:100%;height:15em;background:#fff;box-shadow:2px 3px 23px rgba(0,0,0,.1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin-top:.5em;-webkit-transition:.2s;transition:.2s;text-align:center}.categories{padding-right:4px;padding-left:4px;padding-top:4px;font-size:14px}@media (max-width:600px){.card{width:25em}.categories{padding-right:16px}}@media (max-height:823px){.card{margin-top:9em}}.card__flip-card{position:absolute;top:4%;right:5%;cursor:pointer;color:#333}.card__content--front{-webkit-animation:fadeInUp .5s;animation:fadeInUp .5s;padding:2em;text-align:center}.card__content--simplified{font-size:24px}.card__content--pinyin{font-size:16px;font-style:italic;opacity:1}.card__content--nope{opacity:0}.card__content--back{-webkit-animation:fadeIn .6s;animation:fadeIn .6s;line-height:1.5;font-size:24px;padding:2em}.card-container__icon{position:fixed;z-index:100;font-size:1.5em;top:.5em;left:94%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;color:#333}.audioButton{margin-top:8px}.card__actions{display:flex;width:100%;justify-content:center;opacity:0;-webkit-transition:.3s;transition:.3s;left:0;opacity:1;margin-top:8px}.card__next-button{margin-left:.5em;cursor:pointer;padding:.5em .75em;background:#f1f1f1;color:#444;-webkit-transition:.2s;transition:.2s}.card__next-button:hover{background:#d8d8d8}.card__prev-button{margin-right:.5em;cursor:pointer;padding:.5em .75em;background:#f1f1f1;color:#444;-webkit-transition:.2s;transition:.2s}.card__prev-button:hover{background:#d8d8d8}.card-container__dot{margin:0 1em}.card-container__dots-wrapper{text-align:center;margin-top:16px}.card-container__dot{color:#d3d3d3;cursor:pointer}.card-container__dot.active{color:#1e90ff;-webkit-transition:.5s;transition:.5s}
/*# sourceMappingURL=main.b5aa22bf.chunk.css.map */