*{margin:0;padding:0;box-sizing:border-box;font-family:roboto}:root{--color-primary: #8216a0;--color-secondary: #23065e;--color-tertiary: #3c3c46;--color-extra: #4bc5cc;--bg-primary: #ffffff;--bg-secondary: #dddde3;--text-dark: black;--text-bright: white;--text-semi-bright: #aeaeb6}h1{color:var(--color-secondary)}h2{font-size:16px;color:var(--color-secondary)}h3{font-size:14px;color:var(--text-dark)}p{font-size:14px}a{text-decoration:none;color:#000}.textSmall{font-size:15px}.textMedium{font-size:20px}.textLarge{font-size:30px}.navbar{background-color:#fff;padding:10px 20px;width:100%;justify-content:center;margin:0 auto;box-shadow:0 0 20px 10px #0003;z-index:10}.navbar-container{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0}.logo{height:3rem;width:5rem;align-content:center}.menu{display:flex;gap:20px}.menu .button,.menu .user{color:#000;text-decoration:none;cursor:pointer}.menu .button:hover,.menu .user:hover{color:var( --color-primary)}footer{background-color:#fff;padding:10px 20px;width:1200px;justify-content:center;display:flex;margin:0 auto;border-top:1px black;z-index:10;align-items:baseline}a :hover{color:var(--color-primary)}#root{min-height:100vh;display:flex;justify-content:space-between;flex-direction:column}.main-container{display:flex;align-items:flex-start;justify-content:center;flex-grow:1}h1.HomePage{margin-block:3rem}.ProgressBar-static{margin-top:1.5rem}.BookCountStats>h2{margin-top:2rem}.DonutChart{margin-block:1.5rem;display:flex;justify-content:center;align-items:flex-start;column-gap:2rem}.DonutChart-container{position:relative;width:10rem;height:10rem;display:flex;align-items:center;justify-content:center}.DonutChart-emptySlice{position:absolute;background-image:linear-gradient(45deg,#ccd1ca 25%,#c4c4c4 25%,#c4c4c4 50%,#ccd1ca 50%,#ccd1ca 75%,#c4c4c4 75%,#c4c4c4);background-size:56.57px 56.57px;margin:1rem;width:10rem;height:10rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.DonutChart-slice{position:absolute;margin:1rem;width:10rem;height:10rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.DonutChart-slice:before{content:"";width:7rem;height:7rem;border-radius:50%;background:var(--bg-primary)}.DonutChart-legend{margin-top:1rem}.DonutChart-legend-item{display:inline-block;width:1rem;height:1rem;margin-right:.5rem}.DonutChart-legend-item.toRead{background-color:gray}.DonutChart-legend-item.reading{background-color:var(--color-primary)}.DonutChart-legend-item.read{background-color:green}.PaceCalculator{margin-top:2rem}.PaceCalculator h2{margin-bottom:1rem}.PaceCalculator-text{display:flex;align-items:center}.PaceCalculator-input{text-align:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.PaceCalculator-control-minus{margin-left:.5rem}.PaceCalculator-control-plus{margin-right:.5rem}.PaceCalculator-warning{color:red}.AllBooksList-container{width:1200px;display:flex;justify-content:center;flex-direction:column;margin:0 auto;z-index:10px;align-items:center;padding-top:3rem;padding-bottom:3rem}.AllBooksList{width:53rem;border-color:1px;background-color:var(--bg-primary);border-radius:15px;display:flex;justify-content:center;flex-direction:column;box-shadow:0 0 20px 10px #0003;margin-top:2rem}.AllBooksList-see-list{grid-column:6 / span 2;color:var(--color-secondary);text-decoration:underline}.AllBooksListHeader-background{width:53rem;background-color:#f4f4f4;padding-block:10px;list-style:none;border-top-left-radius:15px;border-top-right-radius:15px}.AllBooksListHeader{margin-inline:1.5rem;display:grid;grid-template-columns:1fr 1fr 3fr 2fr 3fr .8fr .8fr;column-gap:.7rem}.AllBooksListHeader-item{font-weight:700;color:var(--text-semi-bright)}.AllBooksListHeader-item.cover,.AllBooksListHeader-item.rating{text-align:center}.AllBooksListFilter{display:flex;column-gap:1rem;margin-top:1rem;padding-right:2rem}.AllBooksListRow{width:50rem;display:grid;grid-template-columns:1fr 1fr 3fr 2fr 3fr .8fr .8fr;column-gap:.7rem;align-items:center;margin-inline:1.5rem;padding-block:.6rem;background-color:var(--bg-primary)}.AllBooksListRow h2{margin-left:0}.AllBooksListRow-cover,.AllBooksListRow-no-cover{height:4.5rem;width:3.2rem}.AllBooksListRow-cover:hover,.AllBooksListRow-no-cover:hover{transform:scale(3);transition-delay:1s}.AllBooksListRow-no-cover{display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#708090;color:#000;font-size:.8rem}.AllBooksListRow-cover-container{overflow:hidden}.AllBooksListRow a:hover{cursor:pointer}.AllBooksListRow-genre li{font-size:.8rem;padding:0;list-style:none;padding-block:.2em;margin-bottom:.3em;margin-right:.4em}.AllBooksListRow-cover,.AllBooksListRow-no-cover,.AllBooksListRow-rating{justify-self:center}.AllBooksListRow-options{display:flex;flex-direction:column;align-items:center;font-size:8px}.AllBooksListRow-options:hover{cursor:pointer}.AllBooksListRow-options:hover .AllBooksListRow-label{opacity:1;font-size:8px}.AllBooksListRow-icon-wrapper{all:unset;display:flex;justify-content:center;align-items:center;width:24px;height:24px}.AllBooksListRow-label{font-size:8px;color:#555;opacity:0;transition:opacity .3s ease}.IconButton:hover{cursor:pointer}.IconButton:hover .AllBooksListRow-label{opacity:1;font-size:8px}.Pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:800px}.Pagination p{font-size:14px;color:var(--color-primary)}.Pagination-forward-back,.Pagination-top{all:unset;text-align:center;line-height:1.1}.Pagination-forward-back{padding:.5em .75em;border:1px solid var(--color-tertiary);border-radius:8px;min-width:10ch}.Pagination-forward-back:hover,.Pagination-top:hover{cursor:pointer}.Pagination-forward-back:hover{background-color:var(--color-secondary);color:#fff}.Pagination-forward-back:disabled{background-color:#d3d3d3;color:gray;border:none}.Pagination-page{all:unset;text-align:center;line-height:1.1;padding:.5em .75em;border:1px solid var(--color-tertiary);border-radius:8px}.Pagination .active-page{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.Pagination-page:hover{cursor:pointer;background-color:var(--color-secondary);color:#fff}.top-button{all:unset;background-color:var(--color-tertiary);padding-top:.25rem;text-align:center;border-radius:0 0 15px 15px;max-height:1.25rem}.top-icon{height:1rem}.ErrorMessage{padding:2rem;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.ErrorMessage p{font-size:1.2rem}.ErrorMessage-refresh-button{all:unset;font-size:2rem}.progress-bar-container{margin-top:20px;width:100%;text-align:left}.ProgressBar{position:relative;width:100%;height:12px;background-color:#ccc;border-radius:4px;overflow:hidden;margin-bottom:15px}.ProgressBar-filled{height:100%;background-color:var(--color-primary);transition:width .3s ease-in-out}.ProgressBar-input{width:50px;text-align:center;margin-right:10px}p.progressBar-totalPages{display:inline}.ProgressBar-save-button{display:block;margin-top:.8rem;background-color:var(--color-primary);color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;width:70px}.ProgressBar-save-button:disabled{background-color:#aaa;cursor:not-allowed}.BookDetails-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:48px}.BookDetails-subcontainer{padding:2rem;max-width:50rem;background-color:var(--bg-primary);border-radius:15px;display:flex;align-items:center;flex-direction:row;box-shadow:0 0 20px 10px #0003;margin-top:2rem}.BookDetails-cover{width:10rem;height:15rem;margin-right:18px}.BookDetails-info{margin-left:18px;width:20rem}.BookDetails-text{line-height:1.3}.BookDetails-author{font-weight:400}.UserBooksPage-container{padding:20px;display:flex;justify-content:space-between;column-gap:3rem}.UserBooksPage-container ul{list-style:none;padding:1.5rem}.UserBooksPage-container h2{text-align:center;margin-top:20px}h1{text-align:center;margin-top:48px;margin-bottom:32px}.books-to-read{width:20rem;min-height:40rem;background-color:var(--bg-primary);box-shadow:0 0 20px 10px #0003;border-radius:.5rem}.books-reading{width:30rem;min-height:40rem;background-color:var(--bg-primary);box-shadow:0 0 20px 10px #0003;border-radius:.5rem}.books-read{width:20rem;min-height:40rem;background-color:var(--bg-primary);box-shadow:0 0 20px 10px #0003;border-radius:.5rem}.ToReadListRow{display:flex;justify-content:space-between}.ToReadListRow-book-info{width:12rem;margin-bottom:.8rem}.UserBooks-icon-buttons{display:flex;align-items:center}.ReadingListRow{display:flex;align-items:center;column-gap:2rem;margin-bottom:1.5rem}.ReadingListRow-Details{flex-basis:10rem}.ReadingListRow-cover,.ReadingListRow-no-cover{height:7rem;width:5rem}.ReadingListRow-no-cover{display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#708090;color:#000;font-size:.8rem}.readListRow-Container{display:flex;align-items:flex-end;justify-content:space-around;margin-bottom:15px}.readListRow-details{flex-basis:10rem}.error-page{text-align:center}.error-page-img{width:70%;height:auto;display:block;margin:0 auto}