@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,500&display=swap);.flex{display:flex}body{color:#000;font-family:Poppins,sans-serif;margin:0}#root,body{background-color:#f7f7f7}#root{border-radius:.5em;box-shadow:5px 5px 20px rgba(0,0,0,.2);margin:5em 3em;padding-bottom:10em}.header{align-items:center;background-color:#fff;box-shadow:5px 5px 10px #dcdcdc;height:5rem;text-align:center;width:100%}nav ul{display:flex;list-style:none}nav a{color:#000;margin-right:2em;text-decoration:none}.header h1{color:#2d99f1;margin-left:3.4em}.icon{color:#2d99f1;font-size:1.6em;padding-left:14em}.book-column{padding:0 7em}.container{margin-top:3em}.item-container{align-items:center;background-color:#fff;border:1px solid hsla(0,0%,86%,.7);border-radius:.3em;margin-bottom:1.3em;padding:.8em}.items{background-color:#fff;flex-direction:column}.items h2{margin:0 0 0 .9em}.items h3{color:#2d99f1;font-size:.8em;font-weight:400;margin:0 0 1em 1.9em}.items h4{color:grey;font-size:.9em;font-weight:300;margin:0 0 0 1.6em}.buttons{align-items:center;flex-direction:row;justify-content:flex-start;margin-left:1em}.buttons button{background-color:#fff;border:none;color:#2d99f1;cursor:pointer;font-weight:500;width:6em}.buttons span{color:rgba(45,153,241,.3)}.add-book{margin:1em 0 0 2.2em}.add-book h2{color:hsla(0,0%,50%,.7)}.inputs{flex-direction:row}.add-book #title{width:30em}.add-book #author,.add-book #title{border:1px solid #dcdcdc;border-radius:.5em;font-family:Poppins,sans-serif;margin-right:2em;padding:.8em}.add-book #author{width:10em}.add-book button{background-color:#2d99f1;border:none;border-radius:.5em;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;width:8em}#line{border:1px solid hsla(0,0%,86%,.5)}.categories button{background-color:#2d99f1;border:none;border-radius:.5em;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1em;margin:3em;padding:.5em;width:10em}.categories h2{margin:1em 0 0 2.5em}.percentage{margin-left:7em;padding-left:1em;width:5.2em}.percent{font-size:1.8em;font-weight:400}.progress{align-items:center;flex-direction:row;gap:2rem;justify-content:center}.progress button{background-color:#2d99f1;border:none;border-radius:.5em;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;padding:.5em;width:11.2em}.progress h4{color:grey;font-size:.9em;font-weight:lighter;margin:0}.progress h3{color:#000;font-size:1em;font-weight:400;margin-top:0}.VLine{border-left:2px solid hsla(0,0%,86%,.5);height:6em;margin:0 1em}.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}
/*# sourceMappingURL=main.7d86e1f7.css.map*/