@import url(https://fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800);@import url(https://fonts.googleapis.com/css?family=Roboto:thin,extra-light,light,100,200,300,400,500,600,700,800);*{font-family:Montserrat,Roboto,sans-serif}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:Montserrat,sans-serif;margin:0}button{font-family:Roboto,sans-serif}.navContainer{align-items:center;background-color:#fff;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:5.938rem;justify-content:space-between;margin-bottom:2rem;padding:0 4rem}.nav{gap:3rem}.links,.nav{align-items:baseline;display:flex}.links{gap:2rem;justify-items:baseline;list-style-type:none;margin:0;padding:0}li{text-decoration:none}h1{color:#0290ff;font-size:1.875rem;font-weight:700}.link,h1,link:active{font-family:Montserrat,sans-serif}.link,link:active{color:#000;font-size:.913rem;letter-spacing:1.9px;opacity:.5;text-decoration:none}.link:hover{opacity:1}.activeLink{color:#121212;opacity:1}.oval{align-items:center;border:1px solid #e8e8e8;border-radius:75px;display:flex;height:2.813rem;justify-content:center;width:2.813rem}.icon{color:#0290ff;height:1.063rem;width:1.063rem}.container{padding:0 4rem}.bookList-container,.container{display:flex;flex-direction:column}.bookList-container{gap:1rem;justify-content:space-evenly;margin:0;padding:0}hr{border:1px solid #e8e8e8;margin:1rem 0}.bookItem{align-items:center;background:#fff;display:flex;justify-content:space-between;list-style-type:none;margin:0;padding:1rem 2rem;width:100%}.book-info{align-items:flex-start;display:flex;flex-direction:column;width:35%}.bookCategory{font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:700;opacity:.5}.bookTitle{font-size:1.25rem;font-weight:700;margin:-1rem 0;text-align:left}.bookAuthor,.bookTitle{font-family:Roboto,sans-serif}.bookAuthor{color:#4386bf;font-weight:300;margin-bottom:1.5rem}.action-buttons{display:flex;gap:1.5rem}.button-outline{background:none;border:none;color:#4386bf;font-family:Roboto,sans-serif;margin:0;padding:0}.button-outline:nth-child(2){border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:0 1.5rem}.button-outline:hover{opacity:.7}.button-outline:active{opacity:1}.progress-container{display:flex}.circular-progress-container{background:#fafafa;border:1px solid #fafafa;border-radius:50%;height:150px;margin:5px 0;-webkit-transform:scale(.6);transform:scale(.6);width:150px}.mask .fill{clip:rect(0,75px,150px,0);background-color:#227ded}.circular-progress .fill,.mask.full{-webkit-animation:fill 3s ease-in-out;animation:fill 3s ease-in-out;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.circular-progress-container .circular-progress .fill,.circular-progress-container .circular-progress .mask{border-radius:50%;height:150px;position:absolute;width:150px}.circular-progress-container .circular-progress .mask{clip:rect(0,150px,150px,75px)}.circular-progress-container .inside-circle{background:#fff;border-radius:50%;color:#1e51dc;font-size:2em;font-weight:700;height:122px;line-height:120px;margin-left:14px;margin-top:14px;position:absolute;text-align:center;width:122px;z-index:100}@-webkit-keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}.progress-state{align-items:flex-start;display:flex;flex-direction:column}.percentage{font-size:2rem;margin-bottom:-1rem}.completed{font-size:.875rem;opacity:.5}.progress-divider{align-items:flex-start;display:flex;flex-direction:column}.currentChapter{font-size:.813rem;opacity:.5}.chapter,.currentChapter{font-family:Roboto,sans-serif;font-weight:300}.chapter{font-size:1rem;margin-top:-.5rem}.updateProgress-Btn{background-color:#0290ff;border:none;border-radius:3px;color:#fff;font-family:Roboto,sans-serif;font-size:.813rem;font-weight:300;padding:.5rem 1.2rem}.form-container{align-items:flex-start;display:flex;flex-direction:column}h2{color:#888}.input-container{display:flex;justify-content:space-between;padding-bottom:5rem;width:100%}.input{border:1px solid #e8e8e8;border-radius:4px;font-family:Montserrat,sans-serif;padding:1rem}#title{width:50%}#author{width:25%}.submit-Btn{background-color:#0290ff;border:none;border-radius:3px;color:#fff;padding:.801rem 1.188rem .886rem 1.375rem;width:15%}.categories-container{align-items:center;display:flex;flex-direction:column;padding:0 3rem}.check-btn{width:10%}
/*# sourceMappingURL=main.46716906.css.map*/