@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Roboto+Slab:wght@300;500;700&family=Roboto:wght@500&display=swap);*,:after,:before{box-sizing:border-box}body{background-color:#f5f6fa}.book-container{width:90%;height:68.563rem;padding:0 0 49.625rem;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);background-color:#fafafa;margin:0 auto 4.063rem}.header-nav{display:flex;flex-direction:row;align-items:center;height:5.938rem;margin:0 0 2.375rem;padding:1.438rem 6.188rem 1.688rem 0;background-color:#fff}.header-nav h1{width:60rem;height:2.313rem;margin:.375rem 0 .125rem 2.45rem;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:1.875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#0290ff}.navBar ul{display:flex}.navBar ul li{list-style:none;width:3.688rem;height:1rem;margin:1.125rem 2.563rem .688rem 0;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:.813rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.9px}.navBar ul li a{color:#121212;text-decoration:none;opacity:.5}.navBar ul li a.active-link{opacity:1}.profile{display:flex;justify-content:flex-end;width:100%;height:100%}.user-profile{width:2.813rem;height:2.813rem;margin:0;padding:.875rem;border:1px solid #e8e8e8;border-radius:50%}.fa-user{color:#0290ff}ul.book-list li{list-style:none;margin:2.313rem .25rem 0;padding:2rem 5.188rem 1.625rem 1.688rem;border-radius:4px;width:90%;align-items:center;border:1px solid #e8e8e8;background-color:#fff}.book-detail,ul.book-list li{display:flex;justify-content:space-between}.book-detail{flex-direction:column;height:110px}.book-type{margin:0 2.438rem 0 0;opacity:.5;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:.875rem;letter-spacing:normal}.book-name,.book-type{font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;color:#121212}.book-name{width:12.313rem;height:1.813rem;margin:.688rem 0 0;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-size:1.375rem;letter-spacing:-.2px}.interactive-button{display:flex}.int-button{height:1.188rem;margin:.188rem .338rem .125rem 0;font-family:RobotoSlab,Arial,Helvetica,sans-serif;padding-right:.6rem;font-size:.875rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4386bf;background-color:transparent;cursor:pointer;border:none;border-right:2px solid #707070}.int-button:last-child{border-right:none}.chapter-completion{display:flex;align-items:center;justify-content:space-between}.completion-data{display:flex;align-items:center;padding-right:10%;border-right:2px solid #707070}.completion-rate{width:4.25rem;height:4.25rem;border:5px solid #0290ff;border-top-color:#e8e8e8;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:30px}.percent-complete{width:4.25rem;height:2.438rem;margin:.063rem 0 0;font-size:2rem;color:#121212}.p-completed,.percent-complete{font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.p-completed{width:5rem;height:1.125rem;margin:0;opacity:.5;font-size:.875rem}.current-chapter{padding-left:10%;width:200px}.chapter-head{width:7.875rem;height:1.125rem;margin:.063rem 3.625rem 0 0;opacity:.5;font-size:1rem;letter-spacing:normal}.chapter-head,.chapter-x{font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;color:#121212}.chapter-x{height:1.313rem;margin:.438rem 0 .65rem;font-size:1.1rem;letter-spacing:-.4px}.update-progress{padding:.438rem 1.188rem .5rem 1.375rem;margin:.75rem 0 .563rem;border-radius:3px;background-color:#0290ff;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-size:.813rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.5px;text-align:center;color:#fff;border:none;cursor:pointer}.book-input{margin-left:2.45rem;margin-top:3rem}.book-input h2{margin:1.813rem 32.75rem 1.188rem 0;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.18px;color:#888}.book-input .input-Book{width:20.5rem;margin:1.188rem 2.125rem 0 0;padding:.813rem .813rem .813rem 1.063rem}.book-input #selectbooks,.book-input .input-Book{height:2.813rem;border-radius:4px;border:1px solid #e8e8e8;background-color:#fff}.book-input #selectbooks{margin:1.188rem 1.125rem 0;padding:.375rem .938rem .463rem 1rem;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.15px;color:#121212}.book-input #selectbooks,.form-button{font-stretch:normal;font-style:normal;line-height:normal}.form-button{margin:1.188rem 0 0 .525rem;padding:.801rem 1.188rem .886rem 1.375rem;border-radius:3px;background-color:#0290ff;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-size:.813rem;font-weight:700;letter-spacing:.5px;text-align:center;color:#fff;border:none}
/*# sourceMappingURL=main.d4dda4d3.chunk.css.map */