@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap);.headerWrapper{justify-content:space-between;width:100vw}.headerContainer,.headerWrapper{align-items:center;display:flex;flex-direction:row}.headerContainer{justify-content:space-around;margin:0 .5rem}.bookstore-CMS{color:#0290ff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal;padding:.5rem 0 .5rem .5rem}.books,.categories{cursor:pointer;font-size:.75rem;margin-left:1rem}.categories,.oval{margin-right:1rem}.oval{background-color:transparent;border:1px solid #e8e8e8;border-radius:50%;color:#0290ff;cursor:pointer;font-size:1rem;height:2rem;width:2rem}@media screen and (min-width:768px){.headerWrapper{background-color:#fff;display:flex;flex-direction:row;height:5.938rem;justify-content:space-between;padding:1.5rem}.headerContainer{display:flex;flex-direction:row;justify-content:flex-start;margin:0 2rem;padding:0}.bookstore-CMS{color:#0290ff;font-family:Montserrat,sans-serif;font-size:2.5rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.books{margin:0 2rem 0 3rem}.books,.categories{color:#121212;font-family:Montserrat,sans-serif;font-size:1rem;font-stretch:normal;letter-spacing:1.9px;line-height:normal}.oval{background-color:transparent;border:1px solid #e8e8e8;border-radius:50%;color:#0290ff;cursor:pointer;font-size:1rem;height:2.813rem;margin-right:2.5rem;padding:.875rem;width:2.813rem}}.bookListContainer{background-color:#fafafa;box-shadow:0 0 60px 0 rgba(0,0,0,.05)}.headerStyle{color:#888;font-size:1rem;text-align:center}@media screen and (min-width:768px){.bookListContainer{background-color:#fafafa;box-shadow:0 0 60px 0 rgba(0,0,0,.05)}.headerStyle{color:#888;font-size:2rem;text-align:center}}.bookCardWrapper{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:grid;grid-template-areas:"book progress status";grid-template-columns:2fr 1fr 1fr;margin:1rem .5rem;padding:1rem}.bookCardContainer{align-items:flex-start;display:flex;flex-direction:column;grid-area:book;justify-content:center}.category{font-family:Montserrat,sans-serif;font-size:.5rem;letter-spacing:normal;margin:0 2.438rem 0 0;opacity:.5}.category,.title{color:#121212;font-stretch:normal;font-style:normal;font-weight:700;line-height:normal}.title{font-family:Roboto Slab,serif;font-size:.75rem;letter-spacing:-.2px;margin:.188rem 5rem 0 0}.author{margin:.25rem 0 0}.author,.options{color:#4386bf;font-family:Roboto Slab,serif;font-size:.5rem;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:normal;line-height:normal}.options{display:flex;flex-direction:row;margin:.5rem .5rem .125rem 0}.options .comments{margin-right:.25rem}.options .edit,.options .remove{margin-left:.25rem;margin-right:.25rem}.options .remove{background-color:transparent;border:none;color:#4386bf;cursor:pointer;font-family:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.progressContainer{display:flex;flex-direction:row;grid-area:progress}.progressCircle{display:none}.progressPercent{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.percentComplete{font-size:1rem}.completed,.percentComplete{color:#121212;font-family:Montserrat,sans-serif;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}.completed{font-size:.5rem;opacity:.5;width:5rem}.line2{border:1px solid #e8e8e8;display:none;margin:1rem 0}.progressStatus{align-items:flex-start;display:flex;flex-direction:column;grid-area:status;padding:.5rem 0}.currentChapter{letter-spacing:normal;opacity:.5}.currentChapter,.currentLesson{color:#121212;font-family:Roboto Slab,serif;font-size:.5rem;font-stretch:normal;font-style:normal;font-weight:300;line-height:normal}.currentLesson{letter-spacing:-.4px}.updateProgress{background-color:#0290ff;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto Slab,serif;font-size:.5rem;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:.5px;line-height:normal;margin:.75rem 0;padding:.25rem;text-align:center}@media screen and (min-width:768px){.bookCardWrapper{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:grid;grid-template-areas:"book progress status";grid-template-columns:2fr 1fr 1fr;margin:1rem 4rem;padding:1rem}.bookCardContainer{align-items:flex-start;display:flex;flex-direction:column;grid-area:book;justify-content:center}.category{font-family:Montserrat,sans-serif;font-size:.875rem;letter-spacing:normal;margin:0 2.438rem 0 0;opacity:.5}.category,.title{color:#121212;font-stretch:normal;font-style:normal;font-weight:700;line-height:normal}.title{font-family:Roboto Slab,serif;font-size:1.375rem;letter-spacing:-.2px;margin:.188rem 5rem 0 0}.author{margin:.25rem 0 0}.author,.options{color:#4386bf;font-family:Roboto Slab,serif;font-size:.875rem;font-stretch:normal;font-style:normal;font-weight:300;letter-spacing:normal;line-height:normal}.options{display:flex;flex-direction:row;margin:1rem .938rem .125rem 0}.options .comments{margin-right:1rem}.options .edit,.options .remove{margin-left:1rem;margin-right:1rem}.progressContainer{display:flex;flex-direction:row;grid-area:progress}.progressCircle{position:relative}.progressCircle,.progressPercent{align-items:center;display:flex;flex-direction:column}.progressPercent{justify-content:center}.percentComplete{font-size:2rem;height:2.438rem;margin:.063rem 5.75rem 0 .688rem}.completed,.percentComplete{color:#121212;font-family:Montserrat,sans-serif;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}.completed{font-size:.875rem;height:1.125rem;margin:.438rem 4.938rem .75rem .75rem;opacity:.5;width:5rem}.line2{border:1px solid #e8e8e8;margin:1rem 0}.progressStatus{align-items:flex-start;display:flex;flex-direction:column;grid-area:status;margin-right:auto}.currentChapter{font-size:.813rem;letter-spacing:normal;opacity:.5}.currentChapter,.currentLesson{color:#121212;font-family:Roboto Slab,serif;font-stretch:normal;font-style:normal;font-weight:300;line-height:normal}.currentLesson{font-size:1rem;letter-spacing:-.4px}.updateProgress{background-color:#0290ff;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto Slab,serif;font-size:.813rem;font-stretch:normal;font-style:normal;font-weight:300;height:2.063rem;letter-spacing:.5px;line-height:normal;margin:.75rem 0 .563rem;padding:.438rem 1.188rem .5rem 1.375rem;text-align:center;width:11.5rem}}.addBookContainer{background-color:#fafafa;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);padding-bottom:2rem}.line{border:1px solid #e8e8e8;height:.125rem;margin:2.5rem 0}.addNewBook{color:#888;font-family:Montserrat,sans-serif;font-size:1rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.18px;line-height:normal;margin:1.5rem}.formContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.inputBookTitle{margin:1rem}.inputBookAuthor,.inputBookTitle{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#121212;font-family:Montserrat,sans-serif;font-size:.75rem;font-stretch:normal;font-style:normal;font-weight:400;height:2rem;letter-spacing:-.15px;line-height:normal;padding:1rem;width:90vw}.inputBookAuthor{margin:0 1rem}.selectCategory{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#121212;font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:-.15px;padding:.5rem 1rem;width:50vw}.addBook,.selectCategory{font-size:.75rem;font-stretch:normal;font-style:normal;height:2rem;line-height:normal;margin:1rem}.addBook{background-color:#0290ff;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto Slab,serif;font-weight:300;letter-spacing:.5px;text-align:center;width:8rem}@media screen and (min-width:768px){.addBookContainer{background-color:#fafafa;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);padding-bottom:2rem}.line{border:1px solid #e8e8e8;height:.125rem;margin:2.5rem 0}.addNewBook{color:#888;font-family:Montserrat,sans-serif;font-size:1.25rem;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.18px;line-height:normal;margin:4rem}.formContainer{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-top:1rem}.inputBookTitle{margin:1rem 1rem 1rem 4rem}.inputBookAuthor,.inputBookTitle{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#121212;font-family:Montserrat,sans-serif;font-size:1rem;font-stretch:normal;font-style:normal;font-weight:400;height:2.813rem;letter-spacing:-.15px;line-height:normal;padding:1rem;width:50%}.inputBookAuthor{margin:1rem 1rem 1rem 0}.addBook{background-color:#0290ff;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto Slab,serif;font-size:.813rem;font-weight:300;height:2.5rem;letter-spacing:.5px;margin:1rem 4rem 1rem 0;padding:0;text-align:center;width:25%}.addBook,.selectCategory{font-stretch:normal;font-style:normal;line-height:normal}.selectCategory{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#121212;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:400;height:2.813rem;letter-spacing:-.15px;margin:1rem 1rem 1rem 0;padding:.5rem;width:50%}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;margin:10rem auto;width:100vw}.statusBtn{background-color:#0290ff;color:#fff;cursor:pointer;font-size:.813rem;font-weight:300;height:2.063rem;margin:1rem auto 0;padding:.438rem 1.188rem .5rem 1.375rem;width:11.5rem}.statusBtn,.statusMsg{border-radius:3px;display:block;font-family:Roboto Slab,serif;font-stretch:normal;font-style:normal;letter-spacing:.5px;line-height:normal;text-align:center}.statusMsg{color:#121212;font-size:1rem;font-weight:600;margin:1rem auto}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{width:100vw}.footer{align-items:center;background-color:#e8e8e8;bottom:0;color:#121212;display:flex;flex-direction:row;font-size:1rem;justify-content:center;left:0;padding:.5rem;position:fixed;text-align:center;width:100%}.footer a{color:#121212;margin-left:1rem}.footer img{height:1rem;margin-left:1rem;width:auto}@media screen and (min-width:768px){.footer{align-items:center;background-color:#e8e8e8;bottom:0;color:#121212;display:flex;flex-direction:row;font-size:1rem;justify-content:center;left:0;padding:.5rem;position:fixed;text-align:center;width:100%}.footer a{color:#121212;margin-left:1rem}.footer img{height:1rem;margin-left:1rem;width:auto}}
/*# sourceMappingURL=main.2bed42c2.css.map*/