.book{position:relative;top:2rem;margin:auto;margin-bottom:5rem;width:200px;height:300px;background:transparent;box-shadow:-15px 15px 30px #000c}.book .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(./book-cover-_S_ztKno.webp);background-size:cover}.slide-up{animation:5s slide-up;transition:2s}@media (min-width: 768px){.add-margin{margin-bottom:9rem}}@keyframes slide-up{0%{transform:rotate(-20deg) skew(-10deg);margin-top:-100%}to{transform:rotate(0) skew(0);margin-top:0%}}.book:hover{box-shadow:-20px 20px 40px #000c}.book:before{content:"";width:15px;height:100%;background:url(./book-side-4lX_-fiN.webp);background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;transform:skewY(-45deg) translate(-15px,-8px);box-shadow:inset -5px 0 10px #0003}.book:after{content:"";width:100%;height:15px;background:#ccc;position:absolute;bottom:0;left:0;transform:skew(-45deg) translate(8px,15px)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}:root{font-family:EB Garamond,serif;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;overflow-x:hidden}.ReactModal__Overlay{opacity:0;transform:translateY(-100px);transition:all 1s ease-in-out}.ReactModal__Overlay--after-open{opacity:1;transform:translateY(0)}.ReactModal__Overlay--before-close{opacity:0;transform:translateY(-100px)}.purchase-btn{position:relative;display:inline-block;text-align:center;background:url(https://www.bookbaby.com/bnb/p/ca-bu-gr.png) no-repeat;background-size:197px;width:197px;height:215px}.purchase-img{position:relative;top:30px}.italic-text{font-style:italic}.bold-text{font-weight:700}.main-review{width:100%}.width-min{width:550px}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.slide-right{animation:3s slide-right}@keyframes slide-right{0%{margin-left:-100%}to{margin-left:0%}}.slide-left{animation:3s slide-left}@keyframes slide-left{0%{margin-left:100%}to{margin-left:0%}}