@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700&family=Roboto+Slab:wght@300;400;500;700&display=swap);:root{--white:#e8e8e8;--white-two:#fff;--black-two:#121212;--cool-blue:#4386bf;--medium-blue:#307bbe;--azure:#0290ff}*{box-sizing:border-box;margin:3rem}.book-item-wrap{align-items:center;background-color:#fff;background-color:var(--white-two);border:1px solid #e8e8e8;border:1px solid var(--white);border-radius:4px;display:flex;height:10.625rem;justify-content:space-evenly;margin-left:6.25rem;margin-right:6.25rem;margin-top:1rem;padding:2rem 9.188rem 1.625rem 1.688rem}.book-details{display:flex;flex-direction:column;height:6.25rem;justify-content:space-between;width:20rem}.book-item__category{font-family:Montserrat,serif;font-size:.875rem;height:1.125rem;letter-spacing:normal;margin:0 2.438rem .5rem 0;opacity:.5}.book-item__category,.book-item__title{color:#121212;color:var(--black-two);font-stretch:normal;font-style:normal;font-weight:700;line-height:normal}.book-item__title{font-size:1.375rem;height:1.813rem;letter-spacing:-.2px}.book-item__author,.book-item__title{font-family:RobotoSlab,sans-serif;text-transform:capitalize}.book-item__author{color:#4386bf;color:var(--cool-blue);font-size:.875rem;font-stretch:normal;font-style:normal;font-weight:300;height:1.188rem;letter-spacing:normal;line-height:normal;margin:.25rem 0 1rem}.book-details-btns{align-items:center;display:flex;justify-content:space-between;width:4.563rem}.book-details-btns>button{background-color:initial;border:none;color:#4386bf;color:var(--cool-blue);cursor:pointer;font-family:RobotoSlab,sans-serif;font-size:.875rem;font-stretch:normal;font-style:normal;font-weight:300;height:1.188rem;letter-spacing:normal;line-height:normal;margin:.188rem .938rem .125rem 0;width:4.563rem}.line-divide{border:1px solid #e8e8e8;border:1px solid var(--white);height:1.5rem;margin:.75rem 1.063rem 0 .938rem;width:.125rem}.Line-2{height:4.375rem;margin:1.125rem 3.688rem 0 4.938rem;width:.125rem}.book-item__status{align-items:center;display:flex;gap:10px;justify-content:center}.Oval-2{border-bottom:6px inset #0291fff5;border-left-style:inset;border-left-width:6px;border-radius:50%;border-right:6px inset #0290ff;border-top:6px inset #0291ffd8;height:4.25rem;-webkit-transform:rotate(30deg);transform:rotate(30deg);width:4.25rem}.status-data{display:flex;flex-direction:column}.status-data__title{font-size:2rem;height:2.438rem;margin:.063rem 5.75rem 0 .688rem;width:4.25rem}.status-data__completed,.status-data__title{color:#121212;color:var(--black-two);font-family:Montserrat,serif;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}.status-data__completed{font-size:.875rem;height:1.125rem;margin:.438rem 4.938rem .75rem .75rem;opacity:.5;width:5rem}.book-item__progress{display:flex;flex-direction:column}.progress-title{font-size:.813rem;height:1.125rem;letter-spacing:normal;margin:.063rem 3.625rem 0 3.688rem;opacity:.5}.progress-details,.progress-title{color:#121212;color:var(--black-two);font-family:RobotoSlab,sans-serif;font-stretch:normal;font-style:normal;font-weight:300;line-height:normal;width:100%}.progress-details{font-size:1rem;height:1.313rem;letter-spacing:-.4px;margin:.438rem 6.813rem .25rem 3.688rem}.progress-update{background-color:#0291ffd7;border:none;border-radius:3px;color:#fff;height:2.063rem;margin:.75rem 0 .563rem 3.688rem;padding:.438rem 1.188rem .5rem 1.375rem;width:11.5rem}.Line{border:1px solid #e8e8e8;margin:2.5rem .063rem 1.813rem 0}.books-list-wrap{align-items:center;display:flex;flex-direction:column;gap:30px;margin-top:2.375rem;width:100%}.Line{border:1px solid var(--white);height:.125rem;margin:2.5rem auto;width:75rem}.add-book-title{color:#888;display:block;font-family:Montserrat,serif;font-size:1.25rem;font-stretch:normal;font-style:normal;font-weight:700;height:1.5rem;letter-spacing:-.18px;line-height:normal;margin-inline:auto;margin:1.813rem 6.25rem .813rem;width:75rem}.add-book-form{align-items:center;display:flex;justify-content:center;margin:0 auto}.title-input{width:22rem}.categories-select,.title-input{background-color:var(--white-two);border:1px solid var(--white);border-radius:4px;height:2.813rem;margin:1.188rem 1rem 0 0;padding:.813rem 1.063rem}.categories-select{width:13rem}.author-input{background-color:var(--white-two);border:1px solid var(--white);border-radius:4px;height:2.813rem;margin:1.188rem 1rem 0 0;padding:.813rem 1.063rem;width:17rem}.add-book-btn{background-color:#0291ffd7;border-color:transparent;border-radius:3px;color:#fff;height:2.813rem;margin:1.188rem 0 0;padding:.801rem 1.188rem .886rem 1.375rem;width:10rem}a{text-decoration:none}.nav-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e8e8e8;display:flex;gap:40px;margin-bottom:2.5rem;padding:24px 4%}.nav-brand{color:#0290ff;font-family:Montserrat,sans-serif;font-size:1.875rem;font-weight:700;margin-left:3.25rem}.nav-links{display:flex;flex-grow:1;gap:40px;list-style-type:none}.nav-link{color:#121212;font-family:Montserrat,sans-serif;font-size:.813rem;letter-spacing:1.9px;opacity:.5}.active,.active-link{opacity:1}.active{font-weight:600}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Icons,Roboto,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.primary-color{color:#0290ff}.icon-button{background-color:#fff;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;height:2.813rem;margin-right:2.9rem;width:2.813rem}*{margin:0;padding:0}a{color:inherit}body{background-color:#f5f6fa;padding:4%}#root{background-color:#fafafa;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);margin:0;padding:0 0 8%}.App{height:100%;width:100%}.container{padding:4%;width:100%}
/*# sourceMappingURL=main.9a64ad80.css.map*/