@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.hero-section{width:100vw;height:100vh;gap:2rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.scroll-view-container{width:100vw;gap:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.nav-bar{position:fixed;top:0;width:100vw;height:var(--nav-bar-heright);border-bottom-right-radius:15px;border-bottom-left-radius:15px;background-color:#ffffff80;backdrop-filter:blur(10px);box-shadow:0 0 10px 1px var(--shadow);animation:appear .5s ease-in-out forwards;z-index:999;display:flex;justify-content:center;align-items:center;gap:1rem}#outline-bar{width:120ch}#search-bar{width:60vw;padding:.75rem 2rem;border-radius:100px;outline:none;border:1px solid transparent;background-color:#0000000e;transition:all .3s ease}#search-bar:focus{border:1px solid var(--dark-blue);box-shadow:2px 2px 10px 1px #00000068;transform:scale(1.0125)}.category-title{padding:1rem;color:#0a2647}@keyframes appear{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.book-item{width:95%;min-height:200px;padding:1rem 2rem;display:flex;justify-content:flex-start;align-items:center;border-radius:.5rem;gap:2rem;transition:all .3s ease;box-shadow:1px 1px 10px 1px var(--shadow)}.book-item:hover{background:#dba39a70;transform:scale(1.0125);box-shadow:5px 5px 10px 5px var(--shadow)}.book-item:hover .book-image{transform:scale(1.1);box-shadow:5px 5px 10px 5px #e9777757}.book-item:hover .desc-container{transform:translate(+7%)}.book-image{position:relative;height:80%;aspect-ratio:105/165;transition:all .3s ease}.book-image:before{content:" ";display:block;position:absolute;width:100%;height:100%;background-image:url(/assets/testImg-0afb3f69.jpg)}.desc-container{display:flex;justify-content:flex-start;align-items:flex-start;gap:1rem;flex-direction:column;transition:all .3s ease;height:90%}.desc-container p{color:#00000080}.book-title{width:50vw;font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:16px;font-weight:300;font-style:italic}.book-container{margin-top:calc(var(--nav-bar-heright) + 20px);width:85vw;height:80vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:20px;border-top-left-radius:1rem;border-bottom-left-radius:1rem;margin-bottom:2rem;padding:3rem 1rem;box-shadow:0 0 5px 1px #00000068;background:rgba(255,255,255,.25);overflow-y:scroll;animation:slideIn .5s .5s ease forwards;opacity:0;overflow-x:hidden;transform-origin:center right}.main-container{display:flex;align-items:center;flex-direction:column}.book-container::-webkit-scrollbar{width:5px}.book-container::-webkit-scrollbar-thumb{background-color:var(--dark-blue);border-radius:10px}.pagination{padding:1rem;position:sticky;bottom:0;background-color:var(--v-light);border-top-left-radius:2rem;border-top-right-radius:2rem}.expand{width:100vw;height:100vh}@keyframes slideIn{0%{transform:rotateY(180deg);opacity:0}to{transform:rotateY(0);opacity:1}}:root{--v-light: #fefcf3;--light: #f5ebe0;--blue: #a6e3e9;--deep-blue: #f0dbdb;--dark-blue: #dba39a;--nav-bar-heright: 100px;--scroll-view-height: 300px;--shadow: rgba(0, 0, 0, .408)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{overflow-x:hidden}body::-webkit-scrollbar{width:5px}.loading{border-radius:2rem}.loading-parent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-parent i{font-size:20px;font-weight:500}.circle{height:20vw;width:20vw;border-radius:50%}.first-time{width:80%}