@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--blue-color:#0290ff;--primary-bg-color:#e0e1e5;--secondary-bg-color:#fafafa;--white-color:#fff;--border-color:#e8e8e8}*,:after,:before{background-color:transparent;border:none;box-sizing:border-box;color:inherit;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}body{font-family:Roboto Slab,serif}#root{align-items:center;background-color:#e0e1e5;background-color:var(--primary-bg-color);display:flex;justify-content:center;max-height:100%;min-height:100vh}.btn{font-weight:300;padding:.5rem 1.2rem}.btn,.btn-2{background-color:#0290ff;background-color:var(--blue-color);border-radius:3px;color:#fff;color:var(--white-color);font-size:.813rem;letter-spacing:.5px;text-align:center}.btn-2{align-self:flex-start;font-weight:700;margin:1.1rem 2.1rem 10rem 0;padding:.6rem 3rem}.btn-2:hover,.btn:hover{background-color:#0187ee}.btn-2:active,.btn:active{background-color:#0079d6}.app{width:76vw}.navigation-bar{align-items:center;background-color:#fff;background-color:var(--white-color);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 2fr 1fr;height:5.938rem;padding:1rem}.title{color:#0290ff;color:var(--blue-color);font-family:Montserrat,sans-serif;font-size:1.875rem;margin-left:4rem}.navigation-links{display:flex;justify-self:start}.navigation-links li{font-family:Montserrat,sans-serif;font-size:.813rem;letter-spacing:1.9px;opacity:.5}.navigation-links :hover{color:#0290ff;color:var(--blue-color)}.navigation-links li:last-child{padding-left:1rem}#active{opacity:1}.user-icon{border:1px solid #e8e8e8;border:1px solid var(--border-color);border-radius:100%;color:#0290ff;color:var(--blue-color);cursor:pointer;font-size:2rem;justify-self:end;padding:.5rem}.books-section{background-color:#fafafa;background-color:var(--secondary-bg-color);display:flex;flex-direction:column;height:520px;overflow-y:scroll}.book-card,.books-section{align-items:center;border-radius:4px}.book-card{background-color:#fff;background-color:var(--white-color);border:1px solid #e8e8e8;border:1px solid var(--border-color);display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem;padding:1rem;width:90%}.book-card:first-child{margin-top:2rem}.book-card:last-child{margin-bottom:2rem}.book-info{color:#121212;display:flex;flex-direction:column}.book-category{font-family:Montserrat,sans-serif;font-size:.875rem;opacity:.5}.book-title{font-size:1.375rem;letter-spacing:-.2px;margin:.25rem 0}.book-author,.book-events{color:#4386bf;font-size:.875rem;font-weight:300}.book-events{display:flex;margin-top:1rem}.book-events :hover{cursor:pointer;text-decoration:underline}.book-events button:nth-child(2){border-left:1px solid #e8e8e8;border-left:1px solid var(--border-color);border-right:1px solid #e8e8e8;border-right:1px solid var(--border-color);margin:0 1rem;padding:0 1.2rem}.book-completion{color:#121212;display:grid;font-family:Montserrat,sans-serif;grid-template-columns:repeat(2,1fr);justify-self:end}.book-progress{font-size:2rem;font-weight:400}.book-completed{font-size:.875rem;opacity:.5}.line{border:1px solid #e8e8e8;border:1px solid var(--border-color);height:4.375rem;justify-self:center;width:.125rem}.book-update{align-self:flex-start;color:#121212}.book-current{font-size:.813rem;font-weight:300;opacity:.5}.book-chapter{font-size:1rem;font-weight:300;letter-spacing:-.4px;margin:.4rem 0 1.4rem}.book-form{align-items:center;background-color:#fafafa;background-color:var(--secondary-bg-color);display:flex;flex-direction:column;justify-content:center}.form{display:flex;width:90%}.separator{border:1px solid #e8e8e8;border:1px solid var(--border-color);margin:auto auto 1.8rem;width:calc(90% - 1rem)}.add-book{align-self:flex-start;color:#888;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.18px;margin-left:4.5rem}input,select{background-color:#fff;background-color:var(--white-color);border:1px solid #e8e8e8;border:1px solid var(--border-color);border-radius:4px;margin:1.1rem 2.1rem 10rem 0;padding:.6rem}#book{width:46rem}#categories{width:15rem}
/*# sourceMappingURL=main.f2c84dc9.css.map*/