@font-face{font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.e20d5327f1a05620c084.ttf) format("ttf")}@font-face{font-family:Montserrat;font-weight:700;src:local("Montserrat"),url(/static/media/Montserrat-Bold.1f174288b8c665300b88.woff) format("woff")}@font-face{font-family:RobotoSlab;src:local("RobotoSlab"),url(/static/media/RobotoSlab-Regular.7ce86de3a11228c75d5e.ttf) format("ttf")}@font-face{font-family:RobotoSlab;font-weight:700;src:local("RobotoSlab"),url(/static/media/RobotoSlab-Bold.b4a6cff80bc429d3416d.ttf) format("ttf")}*,:after,:before{margin:0;padding:0}html{--black-two:#121212;--white:#e8e8e8;--pinkish-grey:#c4c4c4;box-sizing:border-box}body{background-color:#f5f6fa;padding:5.313rem 3.75rem 7.688rem 6.25rem}#root{background-color:#fafafa;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.1),30px 30px 60px -15px rgba(0,0,0,.2);margin:0 2.5rem 4.063rem 0;outline-color:rgba(0,0,0,.05);padding:0 0 16.625rem}.header{align-items:center;background-color:#fff;border-bottom:1px solid var(--white);justify-content:space-between;margin:0 0 2.375rem;padding:1.438rem 6.188rem 1.688rem 6.25rem}.header,.logo-nav-container{display:flex}.logo{color:#0290ff;font-family:Montserrat,Arial,serif;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal;margin:.375rem 2.938rem .125rem 0}.nav-list{align-items:flex-end;display:flex;justify-content:flex-start;list-style:none}.nav-item{margin:1.125rem 2.563rem .688rem 0}.nav-item a{color:var(--black-two);font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:.813rem;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:1.9px;line-height:normal;text-decoration:none}.profile-button{background:none;border:1px solid var(--white);border-radius:50%;height:30px;width:30px}.profile-icon{color:#0290ff}.book{align-items:stretch;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:flex;justify-content:space-between;margin:2.313rem 6.25rem 0;padding:2rem 9.188rem 1.625rem 1.688rem}.book-detail{width:40%}.book-detail>p{width:100%}.book-detail p{color:var(--black-two);font-family:Montserrat,Arial,Helvetica,sans-serif;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal}.book-category{font-size:.875rem;font-weight:700;margin:0 2.438rem 0 0;opacity:.5}.book-title{font-size:1.375rem;font-weight:700;letter-spacing:-.2px;margin:.188rem 20.188rem 0 0;text-transform:capitalize}.book-author{margin:.25rem 0 0;opacity:.5}.book-author,.book-detail button{color:#4386bf;font-size:.875rem;font-weight:300}.book-detail button{background:none;border:none;cursor:pointer;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal;margin:1.3rem .938rem .125rem 0;opacity:.7}.progress-container{align-items:center;display:flex;gap:1rem;margin-right:2.125rem;width:25%}.circle-wrap{background:#fefcff;border:1px solid #cdcbd0;border-radius:50%;height:50px;min-width:50px}.progress-text{display:flex;flex-direction:column}.progress-percentage{font-size:2rem}.progress-completed,.progress-percentage{color:var(--black-two);font-family:Montserrat,Arial,Helvetica,sans-serif;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}.progress-completed{font-size:.875rem;opacity:.5}.vertical-separator{align-self:flex-start;background-color:var(--white);border:none;height:6.375rem;width:1px}.current-chapter-container{padding-left:3.125rem;width:30%}.current-chapter{font-family:RobotoSlab,Arial,Helvetica,sans-serif;opacity:.5}.current-chapter,.current-lesson{color:var(--black-two);font-size:1rem;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:-.4px;line-height:normal}.current-lesson{font-family:RobotoSla,Arial,Helvetica,sans-serif;margin:.43rem 0 0;opacity:.7}.btn-update-progress{background:none;background-color:#0290ff;border:none;border-radius:3px;color:#fff;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-size:.813rem;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:.5px;line-height:normal;margin:1.3rem 0 0;padding:.438rem 1.188rem .5rem 1.375rem;text-align:center;text-transform:uppercase}.add-book-container{margin:2.313rem 6.25rem 0;padding:0 0 2rem}.add-book-container hr{background-color:var(--white);border:none;height:1px;margin:2rem 0;width:100%}.add-book-container .add-book-section-title{color:#888;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:1.25rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.18px;line-height:normal;margin:1.5rem 0;text-transform:uppercase}.form-add-book{display:flex;justify-content:space-between}.form-add-book #book-title{background-color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;font-stretch:normal;font-weight:400;padding:.813rem 3.688rem .813rem 1.063rem;width:40%}.form-add-book #book-title,.form-add-book #category{border:1px solid var(--white);border-radius:4px;color:var(--black-two);font-size:1rem;font-style:normal;letter-spacing:-.15px;line-height:normal}.form-add-book #category{background-color:#fafafa;box-shadow:0 0 60px 0 rgba(0,0,0,.05);width:30%}.form-add-book .btn-submit{background-color:#0290ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:RobotoSlab,Arial,Helvetica,sans-serif;font-size:.813rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:.5px;line-height:normal;padding:.801rem 1.188rem .886rem 1.375rem;text-align:center;width:20%}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}
/*# sourceMappingURL=main.8d2a054b.css.map*/