@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto+Slab:wght@300;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa}.padding{padding:0 6.25rem}.navBar{background-color:#fff;border-bottom:1px solid #e8e8e8;height:5.938rem;justify-content:space-between;margin:0 0 2.375rem;width:100%}.navBar,.navBar div{align-items:center;display:flex}.navBar h1{color:#0290ff;font-family:Montserrat,sans-serif;font-size:1.875rem;font-weight:700;margin-right:2.938rem}.navBar ul{display:flex;list-style-type:none}.active-link{color:#121212;font-family:Montserrat,sans-serif;font-size:.813rem;height:1rem;letter-spacing:1.9px;margin:1.125rem 2.563rem .688rem 0;opacity:.5;text-decoration:none;width:3.688rem}.active-link:hover{opacity:1;text-decoration:underline}.navBarIcon{color:#0290ff;font-size:1.875rem}.booksCards{list-style:none;margin:2.5rem 0}.bookCard{background-color:#fff;border:1px solid #e8e8e8;display:grid;grid-template-columns:2fr 1fr 1fr;margin-bottom:.938rem;padding:2rem 1.688rem;width:100%}.bookButton{background-color:#fff;border:none;border-right:1px solid #e8e8e8;padding-right:.938rem}.bookButton:hover{color:#33a7ff;cursor:pointer}.bookCard:hover,.bookCard:hover .bookButton{background-color:#e8e8e8}.bookCategory{font-family:Montserrat,sans-serif;font-size:.875rem;opacity:.5}.bookCategory,.bookTitle{color:#121212;font-weight:700}.bookTitle{font-family:Roboto Slab,serif;font-size:1.375rem;letter-spacing:-.2px;margin-bottom:.188rem}.bookCompleted{align-items:center;border-right:1px solid #e8e8e8;display:flex;height:4.375rem;margin-top:.5rem}.circle-wrap{background:#fefcff;border:1px solid #cdcbd0;border-radius:50%;height:100px;width:100px}.mask .fill{clip:rect(0,50px,100px,0);background-color:#227ded}.circle .fill,.mask.full{-webkit-animation:fill 3s ease-in-out;animation:fill 3s ease-in-out;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.circle-wrap .circle .fill,.circle-wrap .circle .mask{border-radius:50%;height:100px;position:absolute;width:100px}.circle-wrap .circle .mask{clip:rect(0,100px,100px,50px)}@-webkit-keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}.circle-wrap .inside-circle{background:#f3f2f2;border-radius:50%;color:#1e51dc;font-size:1em;font-weight:700;height:80px;line-height:80px;margin-left:10px;margin-top:10px;position:absolute;text-align:center;width:80px;z-index:100}.bookCompletedPercentage{font-size:2rem;margin:.063rem 5.75rem 0 .688rem}.bookCompletedPercentage,.completed{color:#121212;font-family:Montserrat,sans-serif}.completed{font-size:.875rem;margin:.438rem 4.938rem .75rem .75rem;opacity:.5}.chapterInfo{display:flex;flex-direction:column;justify-content:center}.currentChapter{font-size:.813rem;margin:.063rem 3.625rem 0 3.688rem;opacity:.5}.chapter,.currentChapter{color:#121212;font-family:Roboto Slab,serif;font-weight:300}.chapter{font-size:1rem;height:1.313rem;letter-spacing:-.4px;margin:.438rem 6.813rem .25rem 3.688rem;width:4.688rem}.updatesButton{background-color:#0290ff;border:none;border-radius:3px;color:#fff;font-size:.813rem;letter-spacing:.5px;margin:.75rem 0 .563rem 3.688rem;padding:.438rem 1.188rem .5rem 1.375rem}.bookAuthor,.updatesButton{font-family:Roboto Slab,serif;font-weight:300}.bookAuthor{color:#4386bf;font-size:.875rem;margin-bottom:.25rem;margin-top:.25rem}.bookFormTitle{color:#888;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.18px;margin:4rem 0 1.18rem}.bookForm{display:flex;justify-content:space-between;margin-bottom:2.5rem}.bookForm input{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:.813rem 1.063rem;width:35%}.bookForm button,.categoriesButton{background-color:#0290ff;border:none;border-radius:3px;color:#fff;font-family:RobotoSlab,sans-serif;font-size:.813rem;font-weight:700;letter-spacing:.5px;padding:.801rem 1.188rem .886rem 1.375rem;text-align:center;width:20%}.bookForm button:hover{background-color:#005799;cursor:pointer}.categoryStatus{margin-top:1rem}
/*# sourceMappingURL=main.cc55a20b.css.map*/