body{background-color:#f4f4f4;font-family:Roboto}body div.bg-image{bottom:0;left:0;position:fixed;right:0;top:0}body{margin:0;width:100%}.book-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.book-wrapper h1{font-size:5em;-webkit-text-stroke:1px #000;color:#fff}.book-wrapper .message-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.book-wrapper .message-container h2{font-size:5em;font-weight:700;margin:0}.book-wrapper .message-container h3{font-size:1.5em}.book-wrapper .book-items{cursor:default;display:flex;flex-wrap:wrap;justify-content:center;margin:0;max-width:1300px;padding:16px;position:relative;width:95%}.book-wrapper .book-items .main-book-wrap{margin:10px;max-height:400px;position:relative}.book-wrapper .book-items .main-book-wrap a{color:inherit;text-decoration:unset}.book-wrapper .book-items .main-book-wrap a .book-cover{height:355px;position:relative;width:250px}.book-wrapper .book-items .main-book-wrap a .book-cover .book-inside{background:#fff;border:1px solid gray;border-radius:2px 6px 6px 2px;box-shadow:10px 40px 40px -10px rgba(0,0,0,.188),inset -2px 0 0 gray,inset -3px 0 0 #dbdbdb,inset -4px 0 0 #fff,inset -5px 0 0 #dbdbdb,inset -6px 0 0 #fff,inset -7px 0 0 #dbdbdb,inset -8px 0 0 #fff,inset -9px 0 0 #dbdbdb;height:96%;left:16px;position:absolute;top:1%;width:90%}.book-wrapper .book-items .main-book-wrap a .book-cover .book-image{align-items:center;background-color:#f8a90c;border-radius:2px 6px 6px 2px;box-shadow:6px 6px 18px -2px rgba(0,0,0,.2),24px 28px 40px -6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transform:perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(.94);transition:all .3s ease-in-out;width:100%}.book-wrapper .book-items .main-book-wrap a .book-cover .book-image div.foreground{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%;z-index:1}.book-wrapper .book-items .main-book-wrap a .book-cover .book-image div.background{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(30px);height:100%;position:absolute;width:100%}.book-wrapper .book-items .main-book-wrap a .book-cover .book-image p{font-size:2em;font-weight:700;max-height:100%;max-width:100%;text-align:center}.book-wrapper .book-items .main-book-wrap a .book-cover .book-image:hover{box-shadow:6px 6px 12px -1px rgba(0,0,0,.1),20px 14px 16px -6px rgba(0,0,0,.1);transform:perspective(2000px) rotateY(0deg) translateX(0) scaleX(1);transform-style:preserve-3d}