body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{align-items:center;background-color:#e7e9e9;display:flex;font-family:Noto Sans Mono,monospace;justify-content:center;margin:0;min-height:100vh;padding:0}.container,body{box-sizing:border-box}.container{background:#fff;border:1px solid #ced4da;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.25);margin:5px;max-width:650px;padding:30px;width:calc(100% - 10px)}input.input-field{opacity:0;position:absolute;z-index:-999}#paragraph{text-align:left;word-break:break-all}.section{border:1px solid #ced4da;border-radius:5px;padding:0 20px 20px}.section1{border-bottom:1px solid #ced4da}span{cursor:tex;font-size:20px;-webkit-user-select:none;user-select:none}span.wrong{background-color:pink;color:darkred}span.correct{background:#e7fbd3;color:#0e630e}span.active{border-bottom:3px solid #0a6bf9}.section2{margin-top:5px}.section2,.section2 ul{align-items:center;display:flex;justify-content:space-between}.section2 ul{-webkit-padding-start:0;margin:0;padding-inline-start:0;width:calc(100% - 120px)}.section2 ul li{list-style-type:none;margin:0 10px}.section2 ul li p{font-size:12px;margin:5px}.section2 ul li span{font-size:18px}button.btn{background:#1d9bf0;border:1px solid #ced4da;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:5px;outline:none;padding:10px 20px;transition:all .5s}button.btn:hover{background-color:#1879ba}@media screen and (max-width:550px){.section2{flex-direction:column}.section2 ul{justify-content:space-between;width:100%}button.btn{margin-top:10px;width:100%}}
/*# sourceMappingURL=main.b39e9190.css.map*/