#site-header{position:fixed;top:0;width:100%;background-color:#fff;box-shadow:0 -8px 27px Orgb(0 0 0 / .08);z-index:1000;transition:top 0.8s ease,opacity 0.7s ease}#site-header.hidden{top:-100px;opacity:0}.book-container{display:flex;align-items:center;justify-content:center;perspective:600px}@keyframes initAnimation{0%{transform:rotateY(-30deg)}100%{transform:rotateY(0deg)}}.bookThumb{width:200px;height:300px;position:relative;transform-style:preserve-3d;transform:rotateY(0deg);transition:1s ease;animation:1s ease 0s 1 initAnimation}.book-container:hover .bookThumb,.book-container:focus .bookThumb{transform:rotateY(-30deg)}.bookThumb>:first-child{position:absolute;top:0;left:0;background-color:red;width:200px;height:300px;transform:translateZ(15px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:5px 5px 20px #666}.bookThumb::before{position:absolute;content:' ';background-color:#f9f9f9;left:0;top:1px;width:28px;height:298px;transform:translateX(184px) rotateY(90deg);background:linear-gradient(90deg,#fff 0%,#f9f9f9 5%,#fff 10%,#f9f9f9 15%,#fff 20%,#f9f9f9 25%,#fff 30%,#f9f9f9 35%,#fff 40%,#f9f9f9 45%,#fff 50%,#f9f9f9 55%,#fff 60%,#f9f9f9 65%,#fff 70%,#f9f9f9 75%,#fff 80%,#f9f9f9 85%,#fff 90%,#f9f9f9 95%,#fff 100%)}.bookThumb::after{position:absolute;top:0;left:0;content:' ';width:200px;height:300px;transform:translateZ(-15px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:-10px 0 50px 10px #666}@keyframes initAnimationXL{0%{transform:rotateY(0deg)}100%{transform:rotateY(-30deg)}}.bookXL{width:300px;height:450px;position:relative;transform-style:preserve-3d;transform:rotateY(-30deg);transition:0.5s ease;animation:1s ease 0s 1 initAnimationXL}.book-container:hover .bookXL,.book-container:focus .bookXL{transform:rotateY(0deg)}.bookXL>:first-child{position:absolute;top:0;left:0;background-color:red;width:300px;height:450px;transform:translateZ(22.5px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:5px 5px 20px #666}.bookXL::before{position:absolute;content:' ';background-color:blue;left:0;top:1px;width:43px;height:448px;transform:translateX(276.5px) translateZ(-25px) rotateY(90deg);background:linear-gradient(90deg,#fff 0%,#f9f9f9 5%,#fff 10%,#f9f9f9 15%,#fff 20%,#f9f9f9 25%,#fff 30%,#f9f9f9 35%,#fff 40%,#f9f9f9 45%,#fff 50%,#f9f9f9 55%,#fff 60%,#f9f9f9 65%,#fff 70%,#f9f9f9 75%,#fff 80%,#f9f9f9 85%,#fff 90%,#f9f9f9 95%,#fff 100%)}.bookXL::after{position:absolute;top:0;left:0;content:' ';width:300px;height:450px;transform:translateZ(-45px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:-10px 0 50px 10px #666}