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}.App{background-color:#aaa}.App-logo{height:15em;pointer-events:none}.App-header{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.App-link{color:#61dafb}body,html{width:100%;overflow-x:hidden}audio{width:100px;height:100px}.MainScreenTestButton{min-height:5vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.MainScreenTestButton button{margin:1em;padding:1em;width:20vw;height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MainScreenTestButton canvas{border-style:groove;background-color:#1f1f1f;opacity:.5}.MainScreenText{min-height:5vh;flex-direction:column}.MainScreenText,.MainScreenText .MainScreenButton{display:flex;align-items:center;justify-content:center}.MainScreenText .MainScreenButton{width:100%;flex-direction:row}.MainScreenText .MainScreenButton .MainScreenButtonSector{display:flex;width:49%;align-items:center;justify-content:center;border-style:groove}.MainScreenText .MainScreenButton .MainScreenButtonSector button{margin:1em;padding:1em;width:20em;height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MainScreenText .text{border-style:groove;border-color:#8a2be2;min-width:30%;padding:1em;text-align:start;font-size:1em;font-weight:700}.Novel .text{border-top-style:groove;border-top-color:#d2691e}.Novel .novel,.Novel .text{display:flex;align-items:center;justify-content:center}.Novel .novel{flex-direction:column}.Novel .novel input{width:20vw;height:3em;background-color:#faebd7;opacity:.5}.Novel .novel #linePlus{display:none}.Novel .novel button{margin:1em;padding:1em;width:10vw;height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Novel .novel #Count{min-width:15em}.Novel .novel div{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.5em}.recognition{min-height:48vh}.recognition .recognition_btn{min-height:10vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.recognition .recognition_btn button{margin:1em;padding:1em;width:20em;height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recognition .ul{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.recognition ul{width:80%;padding:10px;text-align:center;min-height:5em;border-style:groove}.recognition ul li{display:flex;justify-content:space-around;list-style:none;margin:.5em;border-style:groove}.recognition ul li a,.recognition ul li audio{background-color:#6495ed}.recognition ul li a{padding:10px 30px;border-style:groove;align-self:center;color:#fff;text-decoration:none;border-radius:25px}.App-footer{display:flex;flex-direction:column;align-items:center;padding-top:1em;padding-bottom:3em}.App-footer div{font-family:"Noto Sans KR",sans-serif;font-size:1.2rem}