.book{display:flex;height:100%;padding:2px 5px;aspect-ratio:8 / 6}.book:before{background-color:#8b4513;border-radius:.25em;content:"";inset:-1em;position:absolute;z-index:-1}.book:after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.5) 49%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.5) 51%,rgba(0,0,0,.2) 52%,transparent 100%);bottom:-1em;content:"";left:50%;position:absolute;top:-1em;transform:translate(-50%);width:4em;z-index:1}.book_page{padding:1em 0;width:50%;font-size:14px;background:#eee}.book_page:before,.book_page:after{left:0;position:absolute;content:"";width:100%;height:2em;background:#eee}.book_page.left:before{top:-1em;transform:rotate(-2deg);border-top-right-radius:8em 3em;border-top-left-radius:2px}.book_page.right:before{top:-1em;transform:rotate(2deg);border-top-left-radius:10em 3em;border-top-right-radius:2px}.book_page.left:after{bottom:-1em;transform:rotate(2deg);border-bottom-right-radius:8em 3em;border-bottom-left-radius:2px}.book_page.right:after{bottom:-1em;transform:rotate(-2deg);border-bottom-left-radius:8em 3em;border-bottom-right-radius:2px;z-index:-1}