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}.main{padding:10em 0;justify-content:center;grid-gap:4em;gap:4em;min-height:100vh;max-width:90%}.main,.modal{margin:0 auto;display:flex;flex-direction:column;align-items:center}.modal{position:relative;justify-content:space-around;padding:5em;background-color:#fff;border-radius:15px;box-shadow:5px 5px 5px grey;z-index:2}.modal__text{padding:2em 0;margin:0 auto}.modal__screen{position:absolute;display:flex;align-items:center;background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:2}.modal__button{padding:1em 1.5em;background-color:var(--bg-color--primary);color:var(--accent-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;border:2px solid var(--accent-color);cursor:pointer;transition:all .3s ease}.modal__button:focus,.modal__button:hover{color:var(--bg-color--primary);background-color:var(--accent-color);transform:scale(110%)}.typefield{resize:none;font-size:1.3rem;outline:none;min-height:20vh;width:100%}.wordfield{background-color:var(--bg-color--secondary);font-size:1.3rem;height:30em;max-height:30vh;min-width:50%;overflow-y:scroll;border:2px solid var(--accent-color);padding:10px}.wordfield__text{cursor:default;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.wordfield__text--right{color:green}.wordfield__text--wrong{color:red;text-decoration:line-through}.wordfield::-webkit-scrollbar{width:.4vw}.wordfield::-webkit-scrollbar-track{background:transparent}.wordfield::-webkit-scrollbar-thumb{background:var(--accent-color)}@supports (scrollbar-color:var(--accent-color) transparent){*{scrollbar-color:var(--accent-color) transparent;scrollbar-width:thin}}.data-section{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;grid-gap:1em;gap:1em}.data-section__dataset{display:flex;flex-direction:column;align-items:center}.data-section__button{padding:1em 1.5em;background-color:var(--bg-color--primary);color:var(--accent-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;border:2px solid var(--accent-color);cursor:pointer;transition:all .3s ease;max-width:100px}.data-section__button:focus,.data-section__button:hover{color:var(--bg-color--primary);background-color:var(--accent-color);transform:scale(110%)}.textfield-section{position:relative;flex-wrap:wrap;align-items:center;grid-gap:2em;gap:2em;max-width:80ch}.header,.textfield-section{display:flex;flex-direction:column}.header{background-color:var(--accent-color);padding:2em 0}.header__logo{max-width:80%;margin:0 auto;fill:var(--bg-color--primary)}.header__heading{padding:1em 0 .7em;font-size:2rem;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;margin:0 auto;color:var(--bg-color--primary)}@media (min-width:1000px){.header__logo{max-width:900px}.header__heading{font-size:3rem}}.footer{padding:5em 0;display:flex;justify-content:center;background-color:var(--accent-color)}.footer__copyright,.footer__link{color:var(--bg-color--primary)}.footer__link{text-decoration:none}.footer__link:focus,.footer__link:hover{opacity:.8;text-decoration:underline}*,:after,:before{box-sizing:border-box}:root{--bg-color--primary:#fff;--bg-color--secondary:#fff;--accent-color:#005c3d}html::-webkit-scrollbar{width:.7vw}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#005c3d;background:var(--accent-color)}@supports (scrollbar-color:var(--accent-color) transparent){*{scrollbar-color:#005c3d transparent;scrollbar-color:var(--accent-color) transparent;scrollbar-width:thin}}body,h1,h2,h3,p{margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-color--primary)}.App{animation:fade-in 1s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.372634cf.chunk.css.map */