*{box-sizing:border-box}.container,body{overflow-x:hidden;width:100%}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 20px;padding:0;margin:0;box-sizing:border-box;justify-items:center}.book{max-width:300px;position:relative;text-align:center;margin:20px 10px;flex:0 0 auto;min-width:0;box-sizing:border-box}.book,.book>div{width:100%;aspect-ratio:300/418}.book>div{height:100%}.book-cover{position:absolute;z-index:1;width:100%;height:100%;transform-origin:0 50%;-webkit-transform-origin:0 50%;background:#111;border-radius:3px;box-shadow:inset 4px 1px 3px #ffffff60,inset 0 -1px 2px #00000080;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;background-size:cover;background-position:50%;background-repeat:no-repeat}.cover-book-1{background:url(/_next/static/media/1.fa9938a0.jpg)}.cover-book-2{background:url(/_next/static/media/2.3cbc8dde.jpg)}.cover-book-3{background:url(/_next/static/media/3.302fb04c.jpg)}.cover-book-4{background:url(/_next/static/media/4.8212b6c6.jpg)}.cover-book-5{background:url(/_next/static/media/5.74f1cacc.jpg)}.cover-book-6{background:url(/_next/static/media/6.ed6a6cd3.jpg)}.cover-book-7{background:url(/_next/static/media/7.b67b5c31.jpg)}.book-cover{background-size:100% 100%}.effect{width:20px;margin-left:10px;border-left:2px solid #00000010;background-image:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,0))}.effect,.light{height:100%;transition:all .5s ease}.light{width:90%;position:absolute;border-radius:3px;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2));top:0;right:0;opacity:.1;-webkit-transition:all .5s ease}.book:hover{cursor:pointer}.book:hover .book-cover{transform:perspective(2000px) rotateY(-30deg);-webkit-transform:perspective(2000px) rotateY(-30deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;box-shadow:inset 4px 1px 3px #ffffff60,inset 0 -1px 2px #00000080,10px 0 10px -5px #00000030}.book:hover .effect{width:40px}.book:hover .light{opacity:1;width:70%}.book-inside{width:calc(100% - 2px);height:96%;position:relative;top:2%;border:1px solid grey;border-radius:3px;background:white;box-shadow:10px 40px 20px -10px #00000030,inset -2px 0 0 grey,inset -3px 0 0 #dbdbdb,inset -4px 0 0 white,inset -5px 0 0 #dbdbdb,inset -6px 0 0 white,inset -7px 0 0 #dbdbdb,inset -8px 0 0 white,inset -9px 0 0 #dbdbdb}@media (min-width:1200px){.container{grid-template-columns:repeat(3,1fr);gap:50px 30px}}@media (max-width:1199px) and (min-width:768px){.container{max-width:960px;grid-template-columns:repeat(3,1fr);gap:40px 20px;padding:0 15px}.book{max-width:280px;margin:20px 10px}}@media (max-width:767px) and (min-width:481px){.container{max-width:640px;grid-template-columns:repeat(2,1fr);gap:35px 15px;padding:0 12px}.book{max-width:250px;margin:18px 8px}}@media (max-width:480px){.container{grid-template-columns:1fr;align-items:center;gap:40px;padding:0 15px;max-width:100%}.book{max-width:280px;margin:25px 0}}@media (max-width:360px){.container{padding:0 10px;gap:35px}.book{max-width:260px;margin:20px 0}}