@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";.progress-bar{position:fixed;top:0;left:0;height:5px;background-color:var(--Vermilion);transition:width .1s ease;z-index:1001;width:100%;max-width:none}:root{--vermilion: #e7473c;--orange: #ffab00;--chilli-red: #dd2e18;--black: #000000;--flash-white: #f0f0f0;--yellow: #ffeb3b;--lime-green: #cddc39;--Dark-Blue: #34495E}@keyframes navbar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}nav{display:flex;align-items:center;justify-content:space-between;padding:2rem;background-color:#51789c;border-radius:15px;border:1px solid var(--black);box-shadow:0 2px 10px #0003;transition:background-color .3s;animation:navbar-bounce 2s infinite;position:sticky;top:0;z-index:999;max-width:1200px;margin:30px auto auto;overflow:hidden}nav:before,nav:after,nav .color-spot-1,nav .color-spot-2,nav .color-spot-3{content:"";position:absolute;border-radius:50%;z-index:-1}nav:before{width:150px;height:150px;background:var(--Dark-Blue);top:10px;left:120px}nav:after{width:150px;height:150px;background:var(--Dark-Blue);bottom:-75px;right:-75px}nav .color-spot-1{width:100px;height:100px;background:var(--Dark-Blue);top:20px;right:300px}nav .color-spot-2{width:150px;height:150px;background:var(--Dark-Blue);bottom:10px;left:450px}nav .color-spot-3{width:100px;height:100px;background:var(--Dark-Blue);top:-5px;left:-30px}.logo-container{display:flex;align-items:center}.logo{height:50px;width:auto;margin-right:10px}.brand-name{font-size:2rem;color:#fff;font-family:Montserrat,sans-serif;text-decoration:none}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 20px;display:flex;align-items:center}.nav-links a{text-decoration:none;color:#fff;font-family:Montserrat,sans-serif;font-weight:400;font-size:1.2rem;position:relative;transition:color .3s,transform .3s}.nav-links a:hover{color:#fff;transform:scale(1.1)}.nav-links a:after{content:"";display:block;width:0;height:2px;background:#fff;transition:width .3s}.nav-links a:hover:after{width:100%}.nav-links a:active{transform:scale(.95)}.cart-icon img{height:30px;width:auto}.menu-icon{display:none;flex-direction:column;cursor:pointer}.menu-icon div{width:35px;height:5px;background-color:var(--black);margin:4px 0;transition:.3s}.move .line1{transform:rotate(-50deg) translate(-13px,6px)}.move .line2{opacity:0}.move .line3{transform:rotate(46deg) translate(-10px,-6px)}.sidebar{position:fixed;top:10;left:-250px;width:250px;height:100%;background-color:#34495e;box-shadow:none;transition:left .3s;z-index:1000}.sidebar.open{left:0;box-shadow:2px 0 5px #00000080}.sidebar .close-btn{position:absolute;top:20px;right:20px;font-size:2rem;background:none;border:none;cursor:pointer}.sidebar-links{list-style:none;padding:0}.sidebar-links li{padding:15px 20px}.sidebar-links a{text-decoration:none;color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;display:block}.sidebar-divider{border:0;height:1px;background:var(--black)}.cart-icon{position:relative;display:inline-block}.cart-counter{position:absolute;top:-10px;right:-10px;background-color:red;color:#fff;border-radius:50%;padding:4px 6px;font-size:12px}@media (max-width: 768px){.nav-links{display:none}.menu-icon{display:flex;padding-right:20px}nav{animation:none;margin:0;border-radius:0}.cart-counter{right:172px}strong{font-size:.7em}.logo-container img{height:40px;width:40px}}.card{width:230px;height:360px;border-radius:15px;padding:1.5rem;background:#fff;position:relative;display:flex;align-items:flex-end;transition:.4s ease-out;box-shadow:0 7px 10px #00000080}.card:hover{transform:translateY(-20px)}.card:hover:before{opacity:1}.card:hover .info{opacity:1;transform:translateY(0)}.card:hover .info .button-container{animation:stretchIn .5s forwards}.card:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:15px;background:#0009;z-index:2;transition:.5s;opacity:0}.card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:15px}.info{position:relative;z-index:3;color:#fff;opacity:0;transform:translateY(30px);transition:.5s;text-align:center;width:100%}.info h1{margin-bottom:25px;color:#fff!important;font-size:1.6em}.info p{letter-spacing:1px;font-size:15px;margin-bottom:10px}.ButtonGroup{display:flex;flex-direction:column;justify-content:stretch;object-fit:contain;width:100%;transition:all .5s ease;overflow:hidden}.button-container{flex:1;transform:scaleX(0);transform-origin:left}.button-container .button{padding:.6rem;width:100%;margin:2px 0;outline:none;border:none;border-radius:3px;background:#fff;color:#000;font-weight:700;cursor:pointer;transition:background-color .4s ease,color .4s ease}.info .button:hover,.button.added{background:#1e90ff;color:#fff}@keyframes stretchIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cartContainer{max-width:800px;margin:0 auto;padding:20px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-height:60vh;height:auto}.cartList{list-style-type:none;padding:0;margin:0}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.cart-item-image{width:80px;height:auto;border-radius:4px;margin-right:20px}.cart-item-details{flex-grow:1;margin-right:20px}.cart-item-actions{display:flex;align-items:center;gap:10px}.removeButton{background-color:#ff4d4d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.removeButton:hover{background-color:#ff1a1a}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0;border-top:1px solid #ddd}.checkout-button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.checkout-button:hover{background-color:#45a049}@media (max-width: 599px){.cartContainer{padding:15px}.cart-item{flex-direction:column;align-items:flex-start;padding:10px}.cart-item-image{margin-right:0;margin-bottom:10px;width:100%;max-width:120px}.cart-item-details{margin-right:0;margin-bottom:10px;width:100%}.cart-item-details h2{font-size:18px;margin-bottom:5px}.cart-item-details p{font-size:14px;margin-bottom:5px}.cart-item-actions{flex-direction:row;justify-content:space-between;width:100%}.removeButton{flex-grow:1;padding:10px;font-size:14px}.cart-total{flex-direction:column;align-items:flex-start;width:100%}.cart-total h2{margin-bottom:10px;font-size:18px}.checkout-button{width:100%;padding:15px;font-size:16px}}@media (min-width: 600px) and (max-width: 767px){.cartContainer{padding:15px}.cart-item{flex-direction:row;align-items:center;padding:10px}.cart-item-image{width:100%;max-width:100px}.cart-item-details{max-width:200px}.cart-total{flex-direction:row;align-items:center}.checkout-button{width:auto}}@media (min-width: 768px) and (max-width: 1023px){.cartContainer{max-width:600px;padding:20px}.cart-item-details{max-width:300px}.cart-total{flex-direction:row}}@media (min-width: 1024px){.cartContainer{max-width:800px;padding:20px}.cart-item-details{max-width:none}}.giftcards-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;background-color:#f0f0f5;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:0 auto}.giftcards-container h1{font-size:36px;color:#333;margin-bottom:20px}.giftcards-description{margin-bottom:30px;font-size:18px;color:#666;line-height:1.6;max-width:450px}.dropdown-container{margin:20px 0;width:100%}.dropdown-container select{width:100%;padding:12px;font-size:18px;border-radius:5px;border:1px solid #ccc;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:border-color .3s,box-shadow .3s}.dropdown-container select:focus{border-color:#007bff;box-shadow:0 0 8px #007bff33}.selected-card-info{margin-top:30px;padding:30px;border:1px solid #ddd;border-radius:10px;background-color:#fff;box-shadow:0 4px 8px #0000001a;text-align:center;width:100%;max-width:450px;transition:transform .3s ease}.selected-card-info:hover{transform:translateY(-5px)}.selected-card-info img{width:120px;height:auto;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.selected-card-info h3{margin:20px 0;font-size:24px;color:#333}.add-to-cart-button{padding:12px 24px;font-size:18px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:10px;text-align:center;text-decoration:none}.add-to-cart-button:hover{background-color:#0056b3;transform:translateY(-3px)}.go-to-cart-link{display:block;margin-top:20px;font-size:18px;color:#007bff;text-decoration:none;transition:color .3s,text-decoration .3s}.go-to-cart-link:hover{color:#0056b3;text-decoration:underline}.Container{height:auto;max-width:1200px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}:root{--Vermilion: #e7473c;--Orange: #ffab00;--ChilliRed: #dd2e18;--Black: #000000;--flashWhite: #f0f0f0}a{text-decoration:none;color:inherit}.carousel{height:50vh;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:20px}.HomePageSlide1{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:15px;box-shadow:0 4px 8px #0000001a;color:#fff;height:100%}figure{max-width:50%;width:50%;height:auto;border-radius:10px}img{transition:transform .3s ease-in-out;border-radius:10%}.Slide1Info{max-width:45%;margin-left:20px;text-align:left}.Slide1Info h1{font-size:2.5rem;margin-bottom:15px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.Slide1Info p{font-size:1.2rem;line-height:1.6;margin-top:0}.Slide1Info button{margin-top:20px;padding:10px 20px;font-size:1.2rem;color:#fff;background-color:tomato;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.Slide1Info button:hover{background-color:#e5533d;transform:scale(1.05)}@media (max-width: 767px){.HomePageSlide1{padding:5px}.Slide1Info h1{font-size:1.5rem}.Slide1Info button{padding:5px 10px;font-size:1}figure{max-width:100%;width:100%}}.HomePageSlide2{display:flex;align-items:center;justify-content:space-between;background-image:url(/Book_Bound/assets/spaceBG-DF6A9T5r.jpg);background-size:cover;background-position:center;border-radius:15px;box-shadow:0 4px 8px #0000001a;color:#fff;height:100%;padding:40px;position:relative}make this medai freindly for phone,tablet and larger screens please here is the ccode .HomePageSlide2{display:flex;align-items:center;justify-content:space-between;background-image:url(/Book_Bound/assets/spaceBG-DF6A9T5r.jpg);background-size:cover;background-position:center;border-radius:15px;box-shadow:0 4px 8px #0000001a;color:#fff;height:100%;padding:40px;position:relative}.Slide2Image{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.Slide2Image img{max-width:70%;height:auto;border-radius:10px;opacity:.6}.Slide2Info{flex:2;text-align:center;padding:0 20px;position:relative;z-index:2}.Slide2Info h1{font-size:2.5rem;margin-bottom:15px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.Slide2Info p{font-size:1.2rem;line-height:1.6;margin-top:0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.Slide2Info button{margin-top:20px;padding:10px 20px;font-size:1.2rem;color:#fff;background-color:tomato;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.Slide2Info button:hover{background-color:#e5533d;transform:scale(1.05)}@media (max-width: 767px){.HomePageSlide2{flex-direction:column;align-items:center;justify-content:center;padding:10px}.Slide2Image{display:flex;flex-direction:row;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.Slide2Image img{max-width:50%;height:70%;object-fit:cover;border-radius:10px}.Slide2Info{position:relative;z-index:2;text-align:center;padding:20px;border-radius:15px}.Slide2Info h1{font-size:1.8rem}.Slide2Info p{font-size:1rem}.Slide2Info button{padding:8px 16px;font-size:1rem;margin-top:10px}}.Slide3Container{background-color:brown;border-radius:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50vh;box-sizing:border-box;position:relative}.Slide3Text{color:#fff;margin-right:20px;flex:1}.Slide3Text h1{font-size:2rem;margin-bottom:15px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.Slide3Text button{margin-top:20px;padding:10px 20px;font-size:1.2rem;color:#fff;background-color:tomato;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.Slide3Text button:hover{background-color:#e5533d;transform:scale(1.05)}.Slide3ImgContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1;overflow:visible;position:relative;transform:translate(-20px);height:20%;width:20%}.Slide3ImgContainer img{width:200px;height:200px;object-fit:cover;overflow:visible;transform:rotate(-10deg)}@media (max-width: 576px){.Slide3Text h1{position:relative;font-size:1.2rem}.Slide3Text{padding-bottom:110px;position:relative;z-index:4}.Slide3ImgContainer{padding-bottom:290px}.Slide3ImgContainer img{overflow:visible}.Slide3Text button{padding:10px;margin:10px}}@media (min-width: 577px) and (max-width: 991px){.Slide3Container{height:60vh}.Slide3Text{margin-right:10px}.Slide3Text h1{font-size:2rem}.Slide3ImgContainer{transform:translate(-10px);height:25%;width:25%}.Slide3ImgContainer img{width:180px;height:180px}}@media (min-width: 992px){.Slide3Container{height:70vh}.Slide3Text{margin-right:30px}.Slide3Text h1{font-size:2rem}.Slide3ImgContainer{transform:translate(-30px);height:30%;width:30%}.Slide3ImgContainer img{width:220px;height:220px}}@media (min-width: 1200px){.Slide3Container{height:50vh}.Slide3Text{margin-right:40px}.Slide3Text h1{font-size:2.5rem}.Slide3ImgContainer{transform:translate(-40px);height:35%;width:35%}.Slide3ImgContainer img{width:250px;height:250px}}.MidSectionContainer{max-width:1200px;margin:0 auto;padding:20px}.MidSectionInfo{padding-bottom:20px;align-items:center;display:flex;flex-direction:row;justify-content:space-between}.MidSectionInfo button{padding:10px 20px;font-size:1.2rem;color:#fff;background-color:tomato;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.MidSectionInfo button:hover{background-color:#e5533d;transform:scale(1.05)}.MidSectionInfo h1{color:gray}:root{--vermilion: #e7473c;--orange: #ffab00;--chilli-red: #dd2e18;--black: #000000;--flash-white: #f0f0f0;--yellow: #ffeb3b;--lime-green: #cddc39;--light-blue: #51789C;--Dark-Blue: #34495E}.footer{background:var(--light-blue);color:#fff;padding:40px 20px;text-align:center;overflow:hidden;max-width:1200px;margin:0 auto;border-radius:15px;box-shadow:0 4px 8px #0000001a;position:relative;z-index:1}.footer:before,.footer:after,.footer .color-spot-1,.footer .color-spot-2,.footer .color-spot-3{content:"";position:absolute;border-radius:50%;z-index:-1}.footer:before{width:200px;height:200px;background:var(--Dark-Blue);top:-100px;left:-100px}.footer:after{width:300px;height:300px;background:var(--Dark-Blue);bottom:-150px;right:-150px}.footer .color-spot-1{width:150px;height:150px;background:var(--Dark-Blue);top:50px;right:300px}.footer .color-spot-2{width:150px;height:150px;background:var(--Dark-Blue);bottom:50px;left:100px}.footer .color-spot-3{width:220px;height:220px;background:var(--Dark-Blue);top:150px;left:400px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.company-info,.company-description,.quick-links,.social-media{flex:1 1 250px;margin:10px}.company-info h2{font-size:24px;margin-bottom:10px}.company-info address,.company-info p,.company-description h3,.company-description p,.quick-links h3,.quick-links ul,.social-media h3,-social-media ul{margin:10px 0}.quick-links ul,.social-media ul{list-style:none;padding:0}.quick-links ul li,.social-media ul li{margin:5px 0}.quick-links ul li a,.social-media ul li a{color:#fff;text-decoration:none;transition:color .3s,transform .3s;position:relative;display:inline-block}.quick-links ul li a:hover,.social-media ul li a:hover{color:#fff;transform:scale(1.1)}.quick-links ul li a:after,.social-media ul li a:after{content:"";display:block;width:0;height:2px;background:#fff;transition:width .3s;position:absolute;left:0;bottom:-2px}.quick-links ul li a:hover:after,.social-media ul li a:hover:after{width:100%}.footer-bottom{border-top:1px solid var(--flash-white);padding-top:10px;margin-top:20px}:root{--vermilion: #e7473c;--orange: #ffab00;--chilli-red: #dd2e18;--black: #000000;--flash-white: #f0f0f0;--yellow: #ffeb3b;--lime-green: #cddc39;--white: #ffffff;--gray: #808080}.bookPage{background-color:var(--flash-white);color:var(--black);display:flex;flex-direction:column;align-items:center;padding:20px;max-width:800px;margin:0 auto;border-radius:8px;box-shadow:0 12px 24px #0003,0 6px 12px #0000001a}.bookPageImg{margin-bottom:20px}.bookPageImg img{border-radius:8px;width:100%;height:auto;max-width:300px;box-shadow:0 4px 8px #0000001a}.bookPageInfo{text-align:center;padding:20px}.bookPageInfo h1{font-size:2rem;margin-bottom:10px}.bookPageInfo h2{font-size:1.5rem;margin-bottom:10px}.bookDescription{font-size:1rem;color:var(--gray);margin-bottom:20px;line-height:1.6}.bookPageInfo h3{font-size:1rem;font-weight:700;margin-bottom:20px}.BookPageInfo2{display:flex;justify-content:space-between;flex-wrap:wrap}.buttonGroup{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.button{background-color:var(--orange);color:var(--white);border:none;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.button:hover{background-color:var(--chilli-red)}.button:active{background-color:var(--vermilion);transform:scale(.98)}.button.added{background-color:var(--chilli-red)}@media (max-width: 600px){.bookPage{padding:15px}.bookPageInfo h1{font-size:1.5rem}.bookPageInfo h2{font-size:1.2rem}.bookDescription,.bookPageInfo h3{font-size:.9rem}.button{font-size:.9rem;padding:8px 16px}}@media (max-width: 768px){.bookPageInfo{padding:15px}.BookPageInfo2{flex-direction:column;align-items:center}}@media (max-width: 1024px){.bookPage{padding:20px}.bookPageInfo h1{font-size:1.8rem}.bookPageInfo h2{font-size:1.4rem}}@media (min-width: 769px){.bookPageImg img{max-width:250px}}@media (min-width: 1440px){.bookPage{max-width:1000px}.bookPageInfo h1{font-size:2.2rem}.bookPageInfo h2{font-size:1.8rem}}._background_pmvth_1{position:fixed;width:100%;height:100%;top:0;left:0;overflow:visible;z-index:-1}._background_pmvth_1 span{width:20vmin;height:20vmin;border-radius:20vmin;backface-visibility:hidden;position:absolute;animation:_move_pmvth_1;animation-duration:39s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes _move_pmvth_1{to{transform:translateZ(1px) rotate(360deg)}}._background_pmvth_1 span:nth-child(0){color:#e45a84;top:36%;left:3%;animation-duration:43s;animation-delay:-42s;transform-origin:-8vw -8vh;box-shadow:40vmin 0 5.983405231383442vmin currentColor}._background_pmvth_1 span:nth-child(1){color:#583c87;top:71%;left:99%;animation-duration:25s;animation-delay:-23s;transform-origin:25vw -9vh;box-shadow:-40vmin 0 5.809471188299632vmin currentColor}._background_pmvth_1 span:nth-child(2){color:#e45a84;top:32%;left:4%;animation-duration:40s;animation-delay:-39s;transform-origin:-18vw -11vh;box-shadow:40vmin 0 5.030543489046842vmin currentColor}._background_pmvth_1 span:nth-child(3){color:#583c87;top:77%;left:19%;animation-duration:34s;animation-delay:-49s;transform-origin:-10vw 15vh;box-shadow:-40vmin 0 5.832512298296798vmin currentColor}._background_pmvth_1 span:nth-child(4){color:#e45a84;top:23%;left:10%;animation-duration:29s;animation-delay:-26s;transform-origin:25vw -2vh;box-shadow:40vmin 0 5.206128444748125vmin currentColor}._background_pmvth_1 span:nth-child(5){color:#ffacac;top:43%;left:92%;animation-duration:43s;animation-delay:-18s;transform-origin:21vw -17vh;box-shadow:40vmin 0 5.872486962899193vmin currentColor}._background_pmvth_1 span:nth-child(6){color:#ffacac;top:64%;left:23%;animation-duration:20s;animation-delay:-12s;transform-origin:10vw 20vh;box-shadow:40vmin 0 5.81762752642431vmin currentColor}._background_pmvth_1 span:nth-child(7){color:#ffacac;top:43%;left:13%;animation-duration:54s;animation-delay:-5s;transform-origin:0vw 25vh;box-shadow:-40vmin 0 5.843900364424044vmin currentColor}._background_pmvth_1 span:nth-child(8){color:#e45a84;top:4%;left:80%;animation-duration:12s;animation-delay:-32s;transform-origin:-16vw -1vh;box-shadow:40vmin 0 5.747513877911928vmin currentColor}._background_pmvth_1 span:nth-child(9){color:#ffacac;top:98%;left:34%;animation-duration:10s;animation-delay:-6s;transform-origin:3vw -3vh;box-shadow:40vmin 0 5.848018195511956vmin currentColor}._background_pmvth_1 span:nth-child(10){color:#ffacac;top:30%;left:99%;animation-duration:10s;animation-delay:-26s;transform-origin:19vw 3vh;box-shadow:40vmin 0 5.571732612931521vmin currentColor}._background_pmvth_1 span:nth-child(11){color:#e45a84;top:71%;left:61%;animation-duration:41s;animation-delay:-40s;transform-origin:8vw 24vh;box-shadow:40vmin 0 5.286661635356431vmin currentColor}._background_pmvth_1 span:nth-child(12){color:#ffacac;top:43%;left:64%;animation-duration:46s;animation-delay:-47s;transform-origin:15vw -15vh;box-shadow:-40vmin 0 5.171913127404129vmin currentColor}._background_pmvth_1 span:nth-child(13){color:#ffacac;top:61%;left:40%;animation-duration:43s;animation-delay:-18s;transform-origin:10vw -5vh;box-shadow:40vmin 0 5.613278900191682vmin currentColor}._background_pmvth_1 span:nth-child(14){color:#ffacac;top:88%;left:41%;animation-duration:13s;animation-delay:-37s;transform-origin:14vw 1vh;box-shadow:-40vmin 0 5.71301936725648vmin currentColor}._background_pmvth_1 span:nth-child(15){color:#583c87;top:19%;left:69%;animation-duration:47s;animation-delay:-32s;transform-origin:-21vw 7vh;box-shadow:40vmin 0 5.900784303368537vmin currentColor}._background_pmvth_1 span:nth-child(16){color:#e45a84;top:47%;left:13%;animation-duration:16s;animation-delay:-5s;transform-origin:0vw -4vh;box-shadow:-40vmin 0 5.209914818531574vmin currentColor}._background_pmvth_1 span:nth-child(17){color:#e45a84;top:95%;left:82%;animation-duration:30s;animation-delay:-27s;transform-origin:25vw -12vh;box-shadow:40vmin 0 5.92731849195204vmin currentColor}._background_pmvth_1 span:nth-child(18){color:#ffacac;top:63%;left:91%;animation-duration:46s;animation-delay:-17s}:root{--Vermilion: #e7473c;--Orange: #ffab00;--ChilliRed: #dd2e18;--Black: #000000;--flashWhite: #f0f0f0;--Dark-Blue: #34495E}*{font-family:poppins,sans-serif;padding:0;box-sizing:border-box;max-width:1200px;margin:0 auto}body{background-color:var(--flashWhite)}.Container{height:auto;padding-bottom:10px;max-width:1200px}.Title{margin:20px;text-align:center}.GenreTitles h1{margin:25px;color:gray;font-size:1.7em}.bookList{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;padding:0;list-style:none}