@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--text-color: rgb(240, 240, 240);--bg-color: rgb(5, 5, 5);--shade: rgb(15, 15, 15);--sclr: rgb(64, 90, 255);--sclr2: rgb(250, 40, 190)}@media (prefers-color-scheme: light){:root{--text-color: rgb(20, 20, 20);--bg-color: rgb(235, 235, 240);--shade: rgb(245, 245, 245)}}*{padding:0;margin:0;outline:none}body{width:100vw;display:flex;flex-direction:column;align-items:center;color:var(--text-color);font-family:Nunito Sans;background-color:var(--bg-color)}header,nav,main{width:100vw;display:flex;flex-direction:column;align-items:center}main{margin-bottom:6rem}section{width:88%;display:flex;flex-direction:column;align-self:center;padding:1rem 6%}h1,h2,h3,h4{font-family:Montserrat}a,a:active,a:hover{text-decoration:none}input{color:var(--text-color)}button{color:var(--text-color);font-weight:500;font-family:Nunito Sans}.flex-center{display:flex;align-items:center;justify-content:center}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-col-center{display:flex;flex-direction:column;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.top-bar{width:100vw;height:4rem;background-color:var(--bg-color);list-style:none;z-index:10}.top-bar li{padding:0 5vw}.top-bar li:first-of-type{margin-top:.3rem}.top-bar li:nth-of-type(2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.side-bar{display:none}.loader{width:100%;height:95vh;position:fixed;left:50%;top:0;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:1rem;transform:translate(-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.book-wrapper{width:150px;height:fit-content;display:flex;align-items:center;justify-content:flex-end;position:relative}.book{width:100%;height:auto;filter:drop-shadow(10px 10px 5px rgba(0,0,0,.137))}.book-wrapper .book-page{width:50%;height:auto;position:absolute;animation:paging .3s linear infinite;transform-origin:left}.spinner-loader{width:1.4rem;height:1.4rem;border:3px solid rgb(100,100,100);border-left-color:transparent;border-radius:50%;animation:spin89345 1s linear infinite}@keyframes spin89345{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bookSkeletonWrapper{width:100%;height:auto;gap:1.4rem;margin-top:2rem}.bookSkeleton{width:95%;height:10rem;padding:1rem;gap:1rem;background-color:var(--shade);border-radius:1rem}.bookSkeletonImgWrapper{width:9rem;height:100%;background-color:var(--bg-color);border-radius:.8rem;filter:opacity(1);transition:.2s;animation:dim 1s linear infinite}.bookSkeletonInfo{width:60%;height:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:.5rem 0}.bookSkeletonInfo>span{width:100%;height:1.6rem;background-color:var(--bg-color);filter:opacity(1);transition:.2s;border-radius:.6rem;margin:.2rem 0;animation:dim 1s linear infinite}.error-box{width:85%;min-height:18rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem 1rem 2rem;background-color:var(--shade);border-radius:1rem;margin:1rem 0}.error-box h2{align-self:center;text-align:center}.error-box img{width:100%;height:100%;margin-top:-1rem}footer ul{width:100vw;height:4.8rem;position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-evenly;background-color:var(--shade);border-top:.1rem solid var(--bg-color);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;z-index:20}footer ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none}footer ul li p{font-size:.8rem;margin-top:.4rem}footer li:active{color:var(--sclr)}@keyframes paging{0%{transform:rotateY(0) skewY(0)}50%{transform:rotateY(90deg) skewY(-20deg)}to{transform:rotateY(180deg) skewY(0)}}@keyframes dim{50%{filter:opacity(.5)}}@media (min-width: 726px){footer ul{display:none}main{width:100vw;height:100vh;position:fixed;display:grid;grid-template-columns:15vw 85vw;place-items:center}main>aside{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding-top:2rem;background-color:var(--shade)}main>aside section{align-self:flex-start}main>section{width:90%;height:100%;align-self:flex-start;display:flex;flex-direction:column;align-items:center;overflow:hidden}main>section::-webkit-scrollbar,main>aside::-webkit-scrollbar{display:none;scrollbar-width:none}.side-bar{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;list-style:none;margin-top:1rem}.side-bar li{width:75%;height:4rem;display:flex;align-items:center;justify-content:flex-start;padding:0 5%;gap:1rem;background-color:var(--bg-color);border-radius:1rem;margin-bottom:1rem}.top-bar{width:85%;position:fixed;right:0}}