.container[data-astro-cid-qococfwo]{z-index:1;perspective:3000px}.container[data-astro-cid-qococfwo] .book[data-astro-cid-qococfwo]{position:relative;display:block;width:400px;height:550px;margin:5% auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:13px 13px 8px #97929999;font-weight:400;color:#2b2b2b;transform-style:preserve-3d;transition:transform .5s}.container[data-astro-cid-qococfwo] .book[data-astro-cid-qococfwo]:hover{transform:rotateY(35deg)}.container[data-astro-cid-qococfwo] .book[data-astro-cid-qococfwo]>div[data-astro-cid-qococfwo],.container[data-astro-cid-qococfwo] .front[data-astro-cid-qococfwo]>div[data-astro-cid-qococfwo]{display:block;position:absolute}.container[data-astro-cid-qococfwo] .front[data-astro-cid-qococfwo]{transform-style:preserve-3d;transform-origin:0% 50%;transition:transform .5s;transform:translateZ(20px);z-index:10}.container[data-astro-cid-qococfwo] .front[data-astro-cid-qococfwo]>div[data-astro-cid-qococfwo]{width:400px;height:550px}.container[data-astro-cid-qococfwo] .left-side[data-astro-cid-qococfwo]{width:40px;left:-20px;height:550px;background-color:#e8e5ea;transform:rotateY(-90deg)}.cover[data-astro-cid-qococfwo] span[data-astro-cid-qococfwo]{position:absolute;top:40%;left:42%;margin-top:-100px;margin-left:-110px;width:300px}.cover[data-astro-cid-qococfwo] .num-up[data-astro-cid-qococfwo]{position:absolute;top:10px;left:40px;letter-spacing:10px}.cover[data-astro-cid-qococfwo] .num-down[data-astro-cid-qococfwo]{position:relative;top:65px;left:-95px;transform:rotate(-90deg)}.author[data-astro-cid-qococfwo]{font-family:acumin-pro,sans-serif;font-weight:400;position:absolute;top:475px;left:50px;opacity:.8}.container[data-astro-cid-qococfwo] .front[data-astro-cid-qococfwo]>div[data-astro-cid-qococfwo]{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px #0000001a}.container[data-astro-cid-qococfwo] .front[data-astro-cid-qococfwo]:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.container[data-astro-cid-qococfwo] .cover[data-astro-cid-qococfwo]:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:#0000001a;box-shadow:1px 0 3px #ffffff1a}.container[data-astro-cid-qococfwo] h2[data-astro-cid-qococfwo]{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:40px;padding-right:10px;text-align:right;transform-origin:0 0;transform:rotate(90deg) translateY(-40px)}.cover[data-astro-cid-qococfwo]{background:linear-gradient(45deg,#dad5dc,#f2ebf4)}.left-side[data-astro-cid-qococfwo] h2[data-astro-cid-qococfwo] span[data-astro-cid-qococfwo]:first-child{font-weight:400;font-size:13px;padding-right:20px}.cover-image[data-astro-cid-qococfwo]{display:block;width:80%;margin:200px auto 0;border-radius:10px;border-color:#592956;border-width:2px}.left-side[data-astro-cid-qococfwo] h2[data-astro-cid-qococfwo] span[data-astro-cid-qococfwo]:last-child{font-family:acumin-pro,sans-serif}nav[data-astro-cid-3ef6ksr2]{animation:nav-shadown 1s linear both;animation-timeline:scroll();animation-range:0 100px}@keyframes nav-shadown{to {background-color: rgb(89 41 86 / .5); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); --tw-ring-color: rgb(89 41 86 / .1); --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);} @media (prefers-color-scheme: dark) {to {background-color: rgb(89 41 86 / .9);}}}