.book{transform-style:preserve-3d;position:relative;height:200px;backface-visibility:visible}.back,.front,.groove,.page{transform-style:preserve-3d;position:absolute;height:100%;top:0;left:0;transform-origin:left center;transition:transform .5s ease-in-out,box-shadow .35s ease-in-out}.back,.front,.page{width:170px;border-bottom-right-radius:.5em;border-top-right-radius:.5em}.back,.front,.groove,.page{border-top-left-radius:.3em;border-bottom-left-radius:.3em}.groove{height:100%;width:10px;background:#1e293b}.back,.front{background:#334155;box-shadow:0 4px .5em 0 rgba(0,0,0,.2)}.page{background:#efefef}.book:hover .front{transform:rotateY(-32deg) scale(1.1)}.book:hover .page{transform:rotateY(-23deg) scale(1.1)}.book:hover .back{transform:rotateY(-13deg) scale(1.1)}