@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;700&family=Roboto+Slab:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;700&display=swap);.btn{height:1.188rem;font-family:"Roboto Slab",serif;font-size:.875rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4386bf;border:none;background-color:transparent;text-transform:capitalize}.bar{width:.125rem;height:1.5rem;border:1px solid #e8e8e8}.progress,.progress-ctn1{display:flex;align-items:center;justify-content:center}.progress{width:5.625rem;height:5.62rem;padding:.62rem .625rem .75rem .75rem}.circle{position:absolute;border-radius:50%;width:4.25rem;height:4.25rem;border:5px solid #307bbe;border-left-color:#e8e8e8;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.percent{width:4.25rem;height:2.438rem;margin:.063rem 4.75rem 0 .683rem;font-size:2rem}.complete,.percent{font-family:"Montserrat",sans-serif;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#121212}.complete{width:5rem;height:1.125rem;margin:.438rem 3.938rem .75rem .75rem;opacity:.5;font-size:.875rem}.chapter{width:7.875rem;height:1.125rem;margin:.063rem 3.625rem 0 3.688rem;opacity:.5;font-size:.813rem;letter-spacing:normal}.chapter,.chapter-title{font-family:"Roboto Slab",serif;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;color:#121212}.chapter-title{height:1.313rem;margin:.438rem 2.813rem .25rem 3.688rem;font-size:1rem;letter-spacing:-.4px}.update{width:11.5rem;height:2.063rem;margin:.75rem 0 .563rem 3.688rem;padding:.438rem 1.188rem .5rem 1.375rem;border-radius:3px;background-color:#0290ff;font-family:"Roboto Slab",serif;font-size:.813rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.5px;text-align:center;color:#fff;border:none}.separate{width:.125rem;height:4.375rem;margin:1.125rem .688rem 0 .938rem;border:1px solid #e8e8e8}.single-book{display:grid;grid-template-columns:auto 1fr;grid-gap:19.375rem;gap:19.375rem;width:100%;height:10.625rem;padding:2rem 9.188rem 1.625rem 1.688rem;border-radius:4px;border:1px solid #e8e8e8;background-color:#fff}.about-book{display:flex;flex-direction:column}.about-book p{height:1.125rem;opacity:.5;font-family:"Montserrat",sans-serif;font-size:.875rem;letter-spacing:normal}.about-book h3,.about-book p{text-transform:capitalize;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;color:#121212}.about-book h3{height:1.813rem;margin-top:.188rem;font-family:"Roboto Slab",serif;font-size:1.375rem;letter-spacing:-.2px}.about-book span{text-transform:capitalize;height:1.188rem;margin:.25rem 0;font-family:"Roboto Slab",serif;font-size:.875rem;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4386bf}.list{display:flex;flex-direction:column;grid-row-gap:.938rem;row-gap:.938rem}.add-book{height:1.5rem;font-family:"Montserrat",sans-serif;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.18px;color:#888}.adding{display:flex;flex-direction:column;grid-gap:1.188rem;gap:1.188rem;padding-top:1.813rem;border-top:2px solid #e8e8e8}.form-part{display:flex;grid-gap:2.125rem;gap:2.125rem;margin-bottom:16rem}.form-part input{width:41.5rem;height:2.813rem;padding:.813rem 0 .813rem 1.063rem;border-radius:4px;border:1px solid #e8e8e8;background-color:#fff;font-size:1rem}.form-part input::-webkit-input-placeholder{height:1.188rem;font-family:"Montserrat",sans-serif;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.15px;color:#c4c4c4}.form-part input:-ms-input-placeholder{height:1.188rem;font-family:"Montserrat",sans-serif;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.15px;color:#c4c4c4}.form-part input::placeholder{height:1.188rem;font-family:"Montserrat",sans-serif;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.15px;color:#c4c4c4}.form-part select{width:17.813rem;padding:0 .938rem 0 1rem;border-radius:4px;border:1px solid #e8e8e8;background-color:#fff;font-family:"Montserrat",sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.15px;color:#c4c4c4}.form-part button,.form-part select{height:2.813rem;text-align:center;font-stretch:normal;font-style:normal;line-height:normal}.form-part button{width:11.5rem;border-radius:3px;background-color:#0290ff;font-family:"Roboto Slab",serif;font-size:.813rem;font-weight:700;letter-spacing:.5px;color:#fff;border:none}main{display:grid;grid-template-rows:auto auto;grid-gap:2.5rem;gap:2.5rem;width:100%;padding:0 6.25rem;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05)}*{padding:0;margin:0;box-sizing:border-box}img{width:100%}.wrapper{display:flex;flex-direction:column;background-color:#f5f6fa;width:100rem;padding:9.313rem 3.75rem 7.688rem 6.25rem;margin:0 auto}.main-app{width:87.5rem;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);background-color:#fafafa}header{justify-content:space-between;background-color:#fff;width:87.5rem;height:5.938rem;margin:0 0 2.375rem;padding:1.438rem 6.188rem 1.688rem 6.25rem;border-bottom:2px solid #e8e8e8}header,nav{display:flex;align-items:center}nav ul{list-style:none;display:flex}.title{width:15rem;height:2.313rem;margin:.375rem 2.938rem .125rem 0;font-family:"Montserrat",sans-serif;font-size:1.875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#0290ff}.books{width:3.688rem;margin:1.125rem 0 .688rem}.books,.categories{height:1rem;font-family:"Montserrat",sans-serif;font-size:.813rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.9px;color:#121212}.categories{width:6.563rem;opacity:.5;margin:1.125rem 0 .688rem 2.563rem}.profile{width:2.813rem;height:2.813rem;padding:.875rem;border:1px solid #e8e8e8;border-radius:50%}.bi{width:1.063rem;height:1.063rem;color:#0290ff}
/*# sourceMappingURL=main.7bb04697.chunk.css.map */