*{box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--ff-secondary);list-style:none;margin:0;padding:0}button,input[type=button]{background-color:#0091ff;border:none;border-radius:.5em;color:#fff;cursor:pointer;padding:.6em}body{background-color:#f5f6fa}.App{align-items:center;display:flex;flex-direction:column}.container{@media (min-width:1250px){width:1300px}}.App>*{border:1px solid hsla(0,0%,50%,.112)}.add-form{padding:1em}.add-form>*{margin-bottom:1em}.form-inputs{justify-content:space-between}.fields,.form-inputs{display:flex;flex-direction:column}.fields{gap:1em}.fields>*{border:1px solid #e8e8e8;border-radius:.5em;padding:.8em}.add-btn{margin-top:2em}.add-btn:hover{background-color:#000;color:#fff}.flex-div{color:#888;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1.25rem;justify-content:space-between;margin-top:1em}@media only screen and (min-width:1150px){.add-form{padding:0}.form-inputs{justify-content:space-between}.fields,.form-inputs{display:flex;flex-direction:row}.fields{gap:1em;width:80%}.fields>*{border:1px solid #e8e8e8;border-radius:.5em;padding:.8em}.fields :first-child{width:70%}.fields :not(:first-child){margin-left:auto;width:30%}.add-btn{margin-top:0;width:15%}.flex-div{flex-direction:row;margin-top:0}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.remove-book{margin-top:.7em;padding:1em}.remove-book:hover{background-color:#000;color:#fff}@media only screen and (min-width:1150px){.remove-book{width:60%}}:root{--ff-primary:"Montserrat",sans-serif;--ff-secondary:"Roboto",sans-serif}.big-container{background-color:#fafafa;display:flex;flex-direction:column}.book-container{background-color:#fff;border:1px solid #e8e8e8;margin-bottom:1em;padding:2em}.book-data{gap:1em}.book-data,.book-details{display:flex;flex-direction:column}.span-category{font-family:Montserrat,sans-serif;font-family:var(--ff-primary);font-size:.875rem;font-weight:700;opacity:.5}.span-title{font-family:Roboto,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.2px;margin-top:.188rem}.span-author{color:#4386bf;font-weight:300}.progress-container{gap:1em}.graphic-progress,.progress-container{align-items:center;display:flex}.progress-number{gap:1em}.percentage-number,.progress-number{align-items:center;display:flex;flex-direction:column}.line{border-left:1px solid #e0e0e0;color:#4386bf;height:100px}.current-chapter{display:flex;flex-direction:column;gap:.5em;justify-content:center}.updateStyle{margin-top:1em}.percentageStyle{font-size:2rem}.completedStyle,.percentageStyle{color:#121212;font-family:Montserrat,sans-serif}.completedStyle{font-size:.875rem;opacity:.5}.currentChapter{font-size:.813rem;opacity:.5}.empty-space{border-radius:0;height:0;width:0}.circular-progress{border-radius:50%;height:4.25rem;width:4.25rem}@media only screen and (min-width:1150px){.big-container{margin:0 3em 3em;padding:3em}.book-data{align-items:center;display:flex;flex-direction:row;gap:1em}.book-details{width:50%}.progress-container{align-items:center;display:flex;gap:0;justify-content:space-evenly;width:50%}.graphic-progress{gap:1em}.progress-number{align-items:center;display:flex;flex-direction:row;gap:1em}.percentage-number{align-items:center;display:flex;flex-direction:column}.book-buttons-container{margin-top:1em}.book-buttons-container>*{-webkit-margin-end:1em;background:none;border:none;color:#4386bf;cursor:pointer;font-weight:300;margin-inline-end:1em}.empty-space{border-radius:50%;height:4.25rem;width:4.25rem}}.main-title{color:#0091ff;font-size:1.875rem;font-weight:700}.navbar-container{background-color:#fff;justify-content:space-between;padding:1em;text-align:center}.navbar-container,.navbar-data{align-items:center;display:flex;gap:1em}.navbar-data{flex-direction:row}.navBar-link{color:#929292c1;cursor:pointer;text-decoration:none}.navBar-link:focus,.selected{color:#000}.user-button{display:none}@media only screen and (min-width:1150px){.navbar-container{background-color:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;margin:3em 3em 0;padding:2em}.navbar-container,.navbar-data{align-items:center;display:flex;flex-direction:row}.navbar-data{gap:3em}.user-button{border:1px solid #bbb;border-radius:20px;display:block;margin-right:1em;outline:none;padding:.1em}}.categories-btn{align-self:center}.btn-off{display:none}p{font-size:x-large}
/*# sourceMappingURL=main.49fc0c5c.css.map*/