*{padding:0;margin:0}#root,body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;min-height:100%!important;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 2px 5px rgba(0,0,0,.05);position:fixed;top:0;width:100%;z-index:1030;box-sizing:border-box;height:4rem}.header>div{margin:auto;-webkit-justify-content:space-between;justify-content:space-between;padding:.5rem 2rem;width:60%}.footer,.header>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.footer{background-color:#f5f5f5;padding:20px;-webkit-justify-content:center;justify-content:center;grid-row-start:3}.result{width:55%;padding:40px;margin:auto;box-shadow:4px 4px 6px 6px rgb(154 211 188/50%);grid-row-start:2;grid-row-end:3}.result>section{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;font-size:20px}.result>button{margin-top:1rem}.App{text-align:center;display:grid;grid-template-rows:5rem auto 6rem;height:100%;grid-row-gap:3rem;row-gap:3rem}.button{font-size:1rem;color:#000;text-decoration:none;padding:12px;border:none;cursor:pointer;outline:none;transition:all .2s ease-in-out}.typing-card{width:55%;padding:40px;margin:auto;box-shadow:4px 4px 6px 6px rgba(154,211,188,.5);grid-row-start:2;grid-row-end:3}.liveResult{margin-bottom:20px;-webkit-justify-content:space-evenly;justify-content:space-evenly;font-size:30px}.liveResult,.typing-area{display:-webkit-flex;display:flex}.typing-area{text-align:left;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-height:13.5rem;overflow:hidden}.word{display:-webkit-flex;display:flex;min-height:54px}.letter{min-width:20px;max-width:35px;text-align:center;font-size:35px;font-weight:400;font-family:"Noto Sans KR",sans-serif;padding:2px;letter-spacing:2px;outline:1px solid #fff;line-height:normal}.current{background:rgba(196,182,182,.4)}.correct{background:#d3e6fb;color:#004f80}.wrong{background:rgba(255,124,124,.5);color:#8b0000}#wrongLetterInvisible,#wrongLetterVisible{transition-duration:.5s;transition-timing-function:ease-in-out}#wrongLetterInvisible{display:none}.form-group{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.form-input{border-color:#e2e8f0;border-radius:4px;border-width:1px;color:#4a5568;font-size:1rem;line-height:1.5;padding:.5rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.from-label{color:#4a5568;font-size:.875rem;font-weight:600}.from-button{background:#4a5568;border:none;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:background .15s ease-in-out,box-shadow .15s ease-in-out}.from-button:hover{background:#354053}.modal-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:1rem}.modal-header button{background:none;border:none;cursor:pointer;outline:none;padding:0;font-size:1.5rem;font-weight:600;color:#4a5568}.modal-header button:hover{color:#354053}
/*# sourceMappingURL=main.7b0ff3ed.chunk.css.map */