@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat);:root{--blue:#4386bf}.book{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:flex;justify-content:space-between;margin:1rem 10%;padding:2rem 2rem 1.625rem 1.688rem}.book:hover{background-color:#e8e8e8}.book-remove{background:none;border:none;color:#4386bf;color:var(--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;padding:1rem 0;width:3.375rem}.books-title{padding:1rem 10%}.book-title{color:#121212;font-size:1.375rem;font-weight:700;letter-spacing:-.2px}.book-author,.book-title{font-family:RobotoSlab,sans-serif;font-stretch:normal;font-style:normal;line-height:normal}.book-author{color:#4386bf;color:var(--blue);font-size:.875rem;font-weight:300;letter-spacing:normal}.progress{border:5px solid #379cf6;border-left-color:#e8e8e8;border-radius:50%;height:3.5rem;width:3.5rem}.percentage{font-family:Montserrat,sans-serif;font-size:2rem;font-stretch:normal;font-style:normal;font-weight:400;height:2rem;letter-spacing:normal;line-height:normal;width:4rem}.percentage-completed{align-items:center;display:flex;gap:1rem}.book-category{font-family:Montserrat,sans-serif;font-size:.875rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal;opacity:.5}.update-section{display:flex;flex-direction:column;gap:.438rem;position:relative}.update-section:before{border-left:1px solid #e8e8e8;content:"";height:3rem;left:-15%;position:absolute;top:15%}.current-chapter{font-size:.813rem;letter-spacing:normal;opacity:.5}.chapter-name,.current-chapter{color:#121212;font-family:RobotoSlab,sans-serif;font-stretch:normal;font-style:normal;font-weight:300;line-height:normal}.chapter-name{font-size:1rem;letter-spacing:-.4px}.update-btn{background-color:#0290ff;border:1px solid #e8e8e8;margin-top:1rem;padding:.438rem 1.188rem .5rem 1.375rem}.update-btn-text{color:#fff;font-family:RobotoSlab,sans-serif;font-size:.813rem;font-stretch:normal;font-style:normal;font-weight:300;height:1.125rem;letter-spacing:.5px;line-height:normal;opacity:.5;text-align:center;width:8.938rem}@media (max-width:768px){.update-section{display:none}}.add-form{padding:2rem 10%}.form-el{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:1rem 0}.add-book-title{color:#888;font-family:Montserrat,sans-serif;font-size:1.25rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.18px;line-height:normal}.book-input{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;flex:1 1;height:2.813rem;padding:.813rem 0 .813rem 1.063rem}.add-book-btn{background-color:#0290ff;border:none;border-radius:3px;color:#fff;height:2.813rem;padding:.801rem 1.188rem .886rem 1.375rem;width:11.5rem}.book-input::-webkit-input-placeholder{color:#c4c4c4}.book-input::placeholder{color:#c4c4c4}.error{color:red}.links{align-items:center;background-color:#fff;display:flex;gap:2rem;height:5.938rem;list-style:none;padding:1rem 10%}.links li{font-size:1.5rem}.logo{color:#0290ff;font-size:1.875rem;font-weight:700;letter-spacing:normal}.link,.logo{font-family:Montserrat,sans-serif;font-stretch:normal;font-style:normal;line-height:normal;text-decoration:none}.link{color:#000;font-size:.813rem;font-weight:400;height:1rem;letter-spacing:1.9px;opacity:.5}.user-circle{align-items:center;border:1px solid #e8e8e8;border-radius:50%;display:flex;height:2.83rem;justify-content:center;margin-left:auto;width:2.833rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f6fa}
/*# sourceMappingURL=main.905a9afa.css.map*/