@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto+Slab:wght@300;700&display=swap);header{background-color:#fff;border-bottom:1px solid #e8e8e8;font-family:Montserrat,sans-serif}.header-container{margin:auto;padding:1.5rem 0;width:80%}.header-container,.logo-nav{align-items:center;display:flex;justify-content:space-between}a{color:transparent;text-decoration:none}.logo a{color:#0290ff;font-size:1.875rem;font-weight:700}.logo-nav ul li a{color:#121212;font-size:.813rem;font-weight:400;margin-left:1rem;opacity:.5;text-transform:uppercase;transition:.2s}.logo-nav .active{opacity:1}.logo-nav ul li:first-child{margin-left:2rem}.logo-nav ul li a:hover{opacity:1}.fa-user{cursor:pointer}.no-books{color:#0290ff;font-family:Roboto Slab,serif;text-align:center}.books{margin:2.313rem auto;width:80%}.book-container{align-items:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:flex;justify-content:space-between;margin:0 auto .938rem;padding:2rem 1.6rem}.title{margin:1.3rem 0}.title h3{color:#121212;font-size:1.375rem;font-weight:700}.title h3,.title h4{font-family:Roboto Slab,serif}.title h4{color:#4386bf;font-size:.875rem;font-weight:300}.interaction-btn{align-items:center;display:flex}form button{background-color:#0290ff;border:none;border-radius:4px;color:#fff;font-family:Roboto Slab,serif;font-size:.813rem;font-weight:700;text-transform:uppercase}.interaction-btn button{background-color:transparent;border:none;color:#4386bf;cursor:pointer;font-family:Roboto Slab,serif;font-size:.875rem;font-weight:300;margin-right:10px}.interaction-btn div{background-color:#e8e8e8;height:1.5rem;margin-right:10px;width:.125rem}.user-progress-container{justify-content:space-evenly;width:50%}.user-progress,.user-progress-container{align-items:center;display:flex}.line-progress{background-color:#e8e8e8;height:4.375rem;margin:0 5%;width:.125rem}.about-progressbar{align-items:center;display:flex;flex-direction:column;margin-left:1.3rem}.about-progressbar .curr-progress{color:#000;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:400}.about-progressbar:nth-child(2n){color:hsla(0,0%,7%,.5);font-family:Montserrat,sans-serif;font-size:.875rem}.book-info .curr{color:hsla(0,0%,7%,.5);font-size:.813rem;margin-bottom:.4rem;text-transform:uppercase}.book-info .curr,.book-info h5{font-family:Roboto Slab,serif;font-weight:300}.book-info h5{color:#121212;font-size:1rem;margin-bottom:1.2rem}.book-info .update-btn{background-color:#0290ff;border:none;border-radius:4px;color:#fff;font-family:Roboto Slab,serif;font-size:.813rem;padding:.4rem 1.3rem;text-transform:uppercase}.line{background-color:#e8e8e8;height:1px;margin:2rem auto;width:100%}.form{font-family:Montserrat,sans-serif;margin:3rem auto 5rem;width:80%}.form h2{color:#888;font-size:1.25rem;margin:2rem 0;text-transform:uppercase}input{border:1px solid #e8e8e8;border-radius:4px;padding:.8rem 1rem}input::-webkit-input-placeholder{color:#c4c4c4;font-size:1.188rem}input:-ms-input-placeholder{color:#c4c4c4;font-size:1.188rem}input::placeholder{color:#c4c4c4;font-size:1.188rem}form{-ms-grid-columns:5fr 3fr 2fr;grid-column-gap:2.25rem;-webkit-column-gap:2.25rem;column-gap:2.25rem;display:-ms-grid;display:grid;grid-template-columns:5fr 3fr 2fr;justify-content:space-between}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{display:flex;list-style:none}h1{color:#0290ff;font-family:Roboto Slab,serif;padding:5rem;text-align:center}#root{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.App{background-color:#fafafa;border-radius:4px;box-shadow:15px 19px 50px -5px rgba(0,0,0,.25);height:90%;margin:auto;max-width:87.5rem;min-width:750px;overflow-y:scroll;width:80%}.App::-webkit-scrollbar{width:10px}.App::-webkit-scrollbar-thumb{background:#fff;border:1px solid #e8e8e8;border-radius:5px}.App::-webkit-scrollbar-track{background:#e8e8e8;border-radius:5px}.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.cad976d5.css.map*/