@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600&display=swap);body{background-color:#f5f6fa;font-family:Roboto Slab,serif}body,h3,p{margin:0;padding:0}.Book{background-color:#fff;border:1px solid #e4e5e7;border-radius:4px;flex-direction:row;flex-wrap:wrap;margin:20px 0;padding:20px}.Book,.add-data{align-items:center;display:flex;justify-content:space-between}.add-data{width:100%}.data-first,.data-last{display:flex;width:60%}.data-last{align-items:center;gap:30px;justify-content:center}.data-first input,.data-last input{border:1px solid #e4e5e7;border-radius:4px;padding:13px;width:100%}.data-last button{background-color:#0290ff;border:none;border-radius:3px;color:#f5f6fa;cursor:pointer;font-weight:100;padding-block:10px;width:100%}h2{color:#888787;font-weight:900}.add-container{border-top:1px solid #e4e5e7;margin-top:30px}.function-button button{background-color:#fff;color:#0291ffa6;cursor:pointer}.progress-bar{align-items:center;border-right:1px solid #e4e5e7;display:flex;flex-direction:row;gap:20px;padding-right:100px}.progress-percentage p{font-size:30px}.progress-percentage span{color:#c0bfbf;font-size:13px}.remove-button{border:none}.remove-button:disabled{background-color:#fff;color:#0291ffa6;cursor:not-allowed}.remove-button:hover:disabled:after{background-color:#0291ffa6;border-radius:3px;color:#fff;content:"You have to complete the book first";font-size:12px;font-weight:100;padding:10px;position:absolute;transform:translateX(10px) translateY(-10px)}.body-container{padding:50px 100px}.text-book{display:flex;flex-direction:column}.text-book p{color:#888787;font-size:14px;font-weight:900}.text-book h3{font-size:20px;font-weight:900}.text-book span{color:#0291ffa6;font-size:14px}.progress-buttons{display:flex;flex-direction:column}.flex-items{display:flex;flex-direction:row;gap:100px;margin-right:80px}.CircularProgressbar{height:60px;margin:0;padding:0;width:60px}.function-button{display:flex;flex-direction:row;margin-top:20px}.progress-buttons p{color:#ccc;font-size:12px;padding-bottom:5px}.progress-buttons span{font-size:17px;font-weight:350;padding-bottom:20px}.progress-buttons button{background-color:#0290ff;border:none;border-radius:3px;color:#f5f6fa;cursor:pointer;font-weight:100;padding:10px 30px}.show{display:block}.hide{display:none}.Navbar nav{background-color:#fff;border-bottom:2px solid #e4e5e7;justify-content:space-between;padding:0 90px}.Links,.Navbar nav{align-items:center;display:flex;flex-direction:row}.Links{gap:40px;margin-left:45px}.avatar{border:1px solid #e4e5e7;border-radius:100%;cursor:pointer}.Logo h1{color:#0290ff;font-size:1.8rem;font-stretch:normal;font-style:normal;font-weight:900;letter-spacing:normal;line-height:normal}.avatar img{height:15px;padding:10px;width:17px}.navbar-header{display:flex}.Links-item{color:#ccc;text-decoration:none}.add-data input::placeholder{color:#ccc}.add-data input:focus{border:1px solid #e4e5e7;outline:none}@media (max-width:1030px){.body-container{padding:20px}.flex-items{flex-direction:column;gap:20px;margin-right:0}.progress-bar{border-right:none;padding-right:0}.data-first,.data-last{width:100%}.add-data{flex-direction:column}.remove-button:hover:disabled:after{display:none}}@media (max-width:500px){.Links,.avatar{display:none}.Navbar nav{padding:0 20px}.Book{border-bottom:1px solid #e4e5e7;flex-direction:column;margin-bottom:20px;padding-bottom:20px}.flex-items,.text-book{margin-right:0;width:100%}.progress-bar{padding:10px}.data-last{align-items:center;gap:10px;justify-content:center}.data-first input,.data-last input{width:100%}.function-button button{border-bottom:1px solid #e4e5e7;margin-top:10px;padding-bottom:20px;width:100%}.remove-button:hover:disabled:after{display:none}}.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:#0000}
/*# sourceMappingURL=main.7a7a0d6a.css.map*/