body{--white:#fff;--pale-grey:#f5f6fa;--dark-grey:#e8e8e8;--azure:#0290ff;--black:#000;--dark:#121212;--light-azure:#4386bf;background-color:var(--pale-grey);font-family:Roboto,sans-serif;margin:0;padding:4%}*{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}a{color:var(--black);text-decoration:none}#root{background-color:#fafafa;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);margin:0;padding:0 0 8%}.nav-bar{grid-gap:40px;align-items:center;background-color:var(--white);border-bottom:1px solid var(--dark-grey);display:flex;gap:40px;padding:24px 4%}.nav-bar .logo h1{color:var(--azure);font-family:Montserrat,sans-serif;font-size:1.875rem;font-weight:700;margin:0}.nav-bar ul.links{grid-gap:40px;display:flex;flex-grow:1;gap:40px;list-style-type:none}.nav-bar ul.links li{color:var(--dark);font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.nav-bar ul.links li a:not(.active){opacity:.5}.nav-bar .icon-button{border:1px solid var(--dark-grey);border-radius:50%;height:2.813rem;width:2.813rem}.nav-bar .icon-button .material-icons{color:var(--azure)}.wrapper{padding:4%;position:relative;width:100%}.wrapper .book-item{background-color:var(--white);border:1px solid var(--dark-grey);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.938rem;padding:2rem}.wrapper .book-item .book-info{display:flex;flex-direction:column;justify-content:space-between}.wrapper .book-item .book-info .book-category{color:var(--dark);font-family:Montserrat,sans-serif;font-weight:700;opacity:.5}.wrapper .book-item .book-info .book-title{font-family:Roboto Slab,serif;font-size:1.375rem;font-weight:700;letter-spacing:-.2px;margin:.188rem 0 0}.wrapper .book-item .book-info p{color:var(--light-azure);font-family:Roboto Slab,serif;font-size:.875rem;font-weight:300;margin:0}.wrapper .book-item .book-info .book-actions{align-items:center;display:flex;flex-direction:row;margin-top:1.313rem}.wrapper .book-item .book-info .book-actions .divider{background-color:#e8e8e8;display:inline-flex;height:1.5rem;margin:0 1rem;width:.125rem}.book-chapter button{background-color:#0290ff;color:#fff;font-weight:300;margin-top:20px;padding:8px 24px}.book-chapter button,.new-book form button{border:none;border-radius:3px;cursor:pointer;font-family:Roboto Slab,serif;letter-spacing:.5px}.new-book form button{background-color:var(--azure);color:var(--white);font-size:.813rem;font-weight:700;padding:12px;width:20%}.wrapper .book-item .book-info .book-actions button{align-items:center;background-color:initial;border:none;color:#4386bf;cursor:pointer;font-family:Roboto Slab,serif;font-size:.875rem;font-weight:300;padding:0}.new-book{border-top:.125rem solid var(--dark-grey);margin:2.5rem 0 1.813rem}.new-book h2{color:#888;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.18px}.new-book form{grid-gap:32px;display:flex;gap:32px;margin-top:20px}.new-book form input{background-color:var(--white);border:1px solid var(--dark-grey);border-radius:4px;color:var(--dark);font-size:1rem;letter-spacing:-.15px;outline:none;padding:12px;width:30%}.new-book form input:focus{border:1px solid var(--azure)}.new-book form input::-webkit-input-placeholder{opacity:.5}.new-book form input::placeholder{opacity:.5}.new-book form input:first-child{width:50%}.loading.pop{background-color:var(--dark-grey);height:auto;justify-content:center;left:4%;position:absolute;right:4%}.book-progress,.loading.pop{align-items:center;display:flex}.book-progress{justify-content:space-between;margin-top:1.313rem}.book-progress-circle{align-items:center;display:flex;height:5.625rem;justify-content:center;padding:.63rem .625rem .75rem .75rem;width:5.625rem}.book-progress-circle-inner{border:5px solid var(--azure);border-left-color:var(--dark-grey);border-radius:50%;height:4.25rem;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4.25rem}.book-progress-circle-inner-percentage{display:flex;flex-direction:column}.book-progress-circle-inner-percentage span{color:var(--dark);font-family:Montserrat,sans-serif;font-size:2rem}.book-progress-circle-inner-percentage .completed{font-size:.875rem;opacity:.5}.book-progress-divider{background-color:var(--dark-grey);height:4.375rem;margin:0 3.688rem 0 4.938rem;width:.125rem}.book-chapter{display:flex;flex-direction:column;width:14rem}.book-chapter .current-chapter{color:var(--dark);font-family:Roboto Slab,serif;font-size:.813rem;font-weight:300;letter-spacing:-.18px;opacity:.5}.book-chapter .chapter-number{font-family:Roboto Slab,serif;font-size:1rem;letter-spacing:-.4px;margin-top:.438rem}
/*# sourceMappingURL=main.fd9c03eb.css.map*/