@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#0290ff;--secondary:hsla(0,0%,50%,.8);--tertiary:#000;--extra:rgba(30,144,255,.7)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-style:normal}header{background-color:#fff;border-bottom:1px solid #dbdbe1;color:#0290ff;color:var(--primary);justify-content:space-between;padding:0 6%}.header-nav,header{align-items:center;display:flex}nav ul{display:flex;list-style:none}nav ul li a{color:hsla(0,0%,50%,.8);color:var(--secondary);margin-right:1rem;text-decoration:none}.header-nav h1{color:#0290ff;color:var(--primary);font-weight:700}#user-avatar{border:1px solid #dbdbe1;border-radius:50%;padding:.4rem}.active{color:#000;color:var(--tertiary);text-decoration:none}.navBar{align-items:center;display:flex}.books{padding:0 6%}.Addbook-header,.hori{color:hsla(0,0%,50%,.8);color:var(--secondary)}.Addbook-header{margin:1.3rem 0}form{margin-bottom:3rem}input{border:1px solid hsla(0,0%,50%,.8);border:1px solid var(--secondary);border-radius:4px;margin-right:2rem;padding:.8% 2.5%;width:23vw}input::-webkit-input-placeholder{font-size:1rem;opacity:.5}input:-ms-input-placeholder{font-size:1rem;opacity:.5}input::placeholder{font-size:1rem;opacity:.5}select{border:1px solid hsla(0,0%,50%,.8);border:1px solid var(--secondary);border-radius:4px;margin-right:2rem;padding:.8% 2.5%;width:12vw}select::-webkit-input-placeholder{color:hsla(0,0%,50%,.8);color:var(--secondary);font-size:1rem;opacity:.5}select:-ms-input-placeholder{color:hsla(0,0%,50%,.8);color:var(--secondary);font-size:1rem;opacity:.5}select::placeholder{color:hsla(0,0%,50%,.8);color:var(--secondary);font-size:1rem;opacity:.5}input[type=submit]{background-color:#0290ff;background-color:var(--primary);border:none;color:#fff;cursor:pointer;width:10vw}.books-container{list-style:none;margin:0;padding:0}.book-container{align-items:center;background-color:#fff;border:2px solid #f2f2f8;border-radius:4px;display:flex;margin:2rem 0;padding:.5% 2% 2%}.book-info{margin:0;padding:0}.book-info h5{color:hsla(0,0%,50%,.8);color:var(--secondary);margin-bottom:0}.book-info h3{margin-bottom:.1rem}.book-info h6{color:rgba(30,144,255,.7);color:var(--extra);font-size:1rem;margin:0}.interaction{display:flex}.interaction button{background-color:#fff;border:none;color:rgba(30,144,255,.7);color:var(--extra);font-size:1rem;margin:1rem 1rem 1rem 0;outline:none}.vertical{color:hsla(0,0%,50%,.8);color:var(--secondary);opacity:.6}.book-col{flex-basis:31%}.circular-progress-container{align-items:center;display:flex;height:5.625rem;justify-content:center;padding:.63rem .625rem .75rem .75rem;width:5.625rem}.circular-progress{border-color:#307bbe #307bbe hsla(0,0%,50%,.2) hsla(0,0%,50%,.2);border-radius:50%;border-style:solid;border-width:.5rem;height:4.25rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4.25rem}.percent-complete{color:#000;color:var(--tertiary)}.progress-container{display:flex;justify-content:flex-end;margin-left:5rem}.completed{color:hsla(0,0%,50%,.8);color:var(--secondary)}.progress-divider{background-color:hsla(0,0%,50%,.8);background-color:var(--secondary);height:4.375rem;margin:0 3.688rem 0 4.938rem;opacity:.4;width:.125rem}.current-chapter-container{grid-gap:20px;display:flex;flex-direction:column;gap:20px;width:14rem}.current-chapter,.current-chapter-label{color:hsla(0,0%,50%,.8);color:var(--secondary);font-family:Roboto Slab,serif;font-weight:300}.current-chapter-label{font-size:.813rem;opacity:.8}.primary-button{border:none;border-radius:3px;font-family:Roboto Slab,serif;font-weight:300;letter-spacing:.5px;padding:8px 24px}.category-btn,.primary-button{background-color:#0290ff;color:#fff;cursor:pointer}.category-btn{background-color:var(--primary);border:none;margin:1rem;padding:.5rem 1rem;width:10vw}.category-btn:hover{background-color:blue}body{background-color:#f2f2f8;box-sizing:border-box;margin:0;min-height:100vh;padding:0;width:100%}main{background-color:#f7f7f8;box-shadow:.2rem .5rem .5rem .6rem #dbdbe1;display:block;margin:3.5rem auto;min-height:80vh;padding-bottom:10rem;width:90%}
/*# sourceMappingURL=main.f5a08150.css.map*/