*{box-sizing:border-box}body{background:#111;overflow-x:hidden}.navbar{box-shadow:0 2px 5px #0000001a}.navbar-logo{width:70px;height:55px;transition:all .3s ease}.navbar-collapse{transition:all .3s ease}.pp{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;justify-items:center;margin-top:40px;padding:0 10px}.card{width:250px;height:100%;border-radius:10px;text-align:center;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;color:#cfc8aa}.card:hover{transform:scale(1.02);transition:.5s;box-shadow:0 0 30px 1px #ff08004d}img{width:250px;height:260px;border-radius:10px}h1{font-size:1rem}button{border:none;background-color:#300d0d;border-radius:4px;margin-bottom:10px;cursor:pointer;margin-top:10px}button:hover{background-color:#914747;translate:.3s}.Modal.Body{background-color:#ffffff62}.heart-container{--heart-color: rgb(255, 91, 137);position:relative;width:30px;height:30px;transition:.3s}.heart-container .checkbox{position:absolute;width:100%;height:100%;opacity:0;z-index:20;cursor:pointer}.heart-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.heart-container .svg-outline,.heart-container .svg-filled{fill:var(--heart-color);position:absolute}.heart-container .svg-filled{animation:keyframes-svg-filled 1s;display:none}.heart-container .svg-celebrate{position:absolute;animation:keyframes-svg-celebrate .5s;animation-fill-mode:forwards;display:none;stroke:var(--heart-color);fill:var(--heart-color);stroke-width:2px}.heart-container .checkbox:checked~.svg-container .svg-filled{display:block}.heart-container .checkbox:checked~.svg-container .svg-celebrate{display:block}@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1);filter:brightness(1.5)}}@keyframes keyframes-svg-celebrate{0%{transform:scale(0)}50%{opacity:1;filter:brightness(1.5)}to{transform:scale(1.4);opacity:0;display:none}}.home{background-color:#fff0;color:#bd2929;width:7em;height:2.5em;border:#bd2929 .1em solid;border-radius:11px;text-align:center;transition:all .6s ease;margin-right:10px;text-decoration:none;align-content:center;display:inline-block;line-height:2.3em}.home:hover{background-color:#b82929de;cursor:pointer;color:#f0f8ff}.home svg{width:1.6em;margin:-.2em .8em 1em;position:absolute;display:flex;transition:all .6s ease}.home:hover svg{transform:translate(5px)}.text{margin:0 1.5em}.dark-mode{background-color:#111;color:#fff;min-height:100vh;transition:background-color .3s ease,color .3s ease}.light-mode{background-color:#f8f9fa;color:#212529;min-height:100vh;transition:background-color .3s ease,color .3s ease}.light-mode body{background:#f8f9fa}.light-mode .card{background-color:#fff;color:#212529;box-shadow:0 2px 8px #0000001a}.light-mode .card:hover{box-shadow:0 0 30px 1px #dc35454d}@media (max-width: 1200px){.navbar-logo{width:60px;height:47px}}@media (max-width: 991px){.navbar-logo{width:48px;height:38px}.pp{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px;margin-top:20px}.card{width:100%;max-width:100%}img{width:100%;height:auto;min-height:200px}.home{width:5em;font-size:.85rem;margin-right:5px;padding:5px}h1{font-size:.9rem}}@media (max-width: 480px){.pp{grid-template-columns:repeat(2,1fr);gap:10px;padding:5px}.card{width:100%}img{width:100%;height:auto;min-height:180px;object-fit:cover}.home{width:100%;height:auto;font-size:.75rem;margin:5px 0;padding:8px}h1{font-size:.85rem}}@media (max-width: 991px){.navbar{padding:5px 8px!important;max-height:none;min-height:50px}.navbar-logo{width:50px;height:40px}.navbar-collapse{max-height:none;overflow-y:visible;padding:5px 0}.navbar-brand{padding:5px 0;margin:0}.navbar-toggler{padding:5px 8px;font-size:1rem;margin:0}.navbar .d-flex{margin:0}.navbar .form-control,.navbar .btn{margin:5px 0!important;width:100%;padding:8px 10px;font-size:.9rem;height:auto}.navbar .d-flex{width:100%;flex-direction:column}.navbar-brand img{width:60px!important;height:48px!important}.navbar-collapse{text-align:center;padding:5px 0;max-height:none;overflow-y:visible}.me-auto{margin:5px auto!important;display:flex;flex-direction:row;gap:8px;justify-content:center}.home{margin:3px 5px;width:auto;padding:8px 12px;font-size:.85rem;height:auto;line-height:1.4}}@media (max-width: 768px){.mx-auto.col-10{width:95%!important}footer .btn-floating{margin:.3rem!important;width:35px;height:35px}footer .btn-floating i{font-size:.9rem}}@media (max-width: 480px){.navbar{padding:5px 8px!important;max-height:none;min-height:45px}.navbar-brand{padding:5px 0;margin:0}.navbar-logo{width:45px;height:36px}.navbar-collapse{max-height:none;overflow-y:visible;padding:5px 0}.navbar .form-control{font-size:.85rem;padding:6px 8px;margin:5px 0!important;height:auto}.navbar .btn{padding:6px 8px;font-size:.85rem;margin:5px 0!important;height:auto}.navbar-collapse{padding:5px 0;max-height:none}.home{width:auto;padding:6px 10px;font-size:.8rem;margin:3px 5px;height:auto;line-height:1.3}.me-auto{margin:5px auto!important;gap:5px}.navbar-toggler{padding:5px 8px;font-size:.9rem;margin:0}footer{padding:10px 5px!important}footer .btn-floating{width:32px;height:32px;margin:.2rem!important}footer .btn-floating i{font-size:.75rem}footer .text-center{font-size:.8rem;padding:10px 5px!important}footer .p-4{padding:10px!important}}.movie{display:flex;flex-direction:row;align-items:center;color:azure;border-radius:15px;padding:20px}.pho{margin:30px;width:400px;max-width:600px;height:450px;border-radius:15px;box-shadow:0 4px 10px #b9272799}@media (max-width: 1024px){.movie{flex-direction:column;text-align:center}.pho{width:100%;max-width:400px;height:auto;margin:20px auto}}@media (max-width: 768px){.movie{padding:10px}.pho{max-width:280px;margin:10px auto;height:auto}.movie h1{font-size:1.3rem!important;margin:10px 5px}.movie p{font-size:.85rem;padding:0 10px;line-height:1.4}.pp{grid-template-columns:repeat(2,1fr);padding:10px}}@media (max-width: 480px){.movie{padding:5px}.pho{max-width:200px;margin:10px auto;height:auto}.movie h1{font-size:1rem!important;margin:5px}.movie p{font-size:.75rem;padding:0 5px}.pp{grid-template-columns:repeat(2,1fr);gap:8px}.card{width:100%!important;margin:5px 0!important}}@media (max-width: 768px){.card{max-width:100%!important}.card-img-top{height:auto;max-height:250px;object-fit:cover}.card-body{padding:12px}.card-title{font-size:.9rem;margin-bottom:8px}.card-text{font-size:.85rem}.btn{font-size:.85rem;padding:6px 12px}}@media (max-width: 480px){.card{width:100%!important}.card-img-top{max-height:200px}.card-body{padding:10px}.card-title{font-size:.85rem;margin-bottom:5px}.card-text{font-size:.75rem}.btn{font-size:.75rem;padding:5px 10px;width:100%}.heart-container{width:25px;height:25px}}.loader{animation:spin 1.5s linear alternate infinite;background:#b73f41;border-radius:50%;height:120px;width:120px}.loader:before{background:#b73f41;border-radius:50%;content:"";display:block;height:.5em;width:.5em;z-index:2}.loader:after{background:#262e2a;border-radius:50%;box-shadow:0 -2.6em #262e2a,2.25em -4.02em #e5e7eb,2.25em -1.25em #262e2a,4.6em 0 #e5e7eb,2.25em 1.25em #262e2a,2.25em 4.02em #e5e7eb,0 2.6em #262e2a,-2.25em 4.02em #e5e7eb,-2.25em 1.25em #262e2a,-4.6em 0 #e5e7eb,-2.25em -1.25em #262e2a,-2.25em -4.02em #e5e7eb;content:"";display:block;height:2em;width:2em}.inner{animation:load 1.5s linear alternate infinite;border:solid 1px #B73F41;border-radius:50%;height:1.75em;width:1.75em;z-index:1}.loader,.loader:before,.loader:after,.inner{inset:0;margin:auto;position:absolute}@keyframes load{0%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #262e2a,2.25em 1.25em #262e2a,0 2.6em #262e2a,-2.25em 1.25em #262e2a,-2.25em -1.25em #262e2a}15%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #262e2a,2.25em 1.25em #262e2a,0 2.6em #262e2a,-2.25em 1.25em #262e2a,-2.25em -1.25em #b73f41}30%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #262e2a,2.25em 1.25em #262e2a,0 2.6em #262e2a,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}45%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #262e2a,2.25em 1.25em #262e2a,0 2.6em #b73f41,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}60%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #262e2a,2.25em 1.25em #b73f41,0 2.6em #b73f41,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}75%{box-shadow:0 -2.6em #262e2a,2.25em -1.25em #b73f41,2.25em 1.25em #b73f41,0 2.6em #b73f41,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}90%{box-shadow:0 -2.6em #b73f41,2.25em -1.25em #b73f41,2.25em 1.25em #b73f41,0 2.6em #b73f41,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}to{box-shadow:0 -2.6em #b73f41,2.25em -1.25em #b73f41,2.25em 1.25em #b73f41,0 2.6em #b73f41,-2.25em 1.25em #b73f41,-2.25em -1.25em #b73f41}}@keyframes spin{0%{transform:rotate(0)}15%{transform:rotate(60deg)}30%{transform:rotate(120deg)}45%{transform:rotate(180deg)}60%{transform:rotate(240deg)}75%{transform:rotate(300deg)}90%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (max-width: 768px){.loader{height:80px;width:80px}.loader:after{height:1.5em;width:1.5em}.inner{height:1.25em;width:1.25em}}@media (max-width: 768px){.container{padding:10px!important;width:100%!important}.container h2{font-size:1.3rem!important;margin:15px 0!important}.card{margin-bottom:15px}.card-title{font-size:.95rem}.card-img-top{height:auto;max-height:300px;object-fit:cover}}@media (max-width: 480px){.container{padding:5px!important}.container h2{font-size:1.1rem!important;margin:10px 0!important}.btn{font-size:.8rem;padding:6px 12px}.card-title{font-size:.85rem}.card-body{padding:10px}.row{margin:0!important}.col-12{padding:5px!important}}@media (max-width: 768px){.carousel{margin:10px 0}.carousel-item img{height:300px!important;max-height:45vh!important;object-fit:cover}.carousel-item div[style*=height]{height:300px!important;max-height:45vh!important}.carousel-caption{padding:5px}.carousel-caption h3{font-size:1rem;margin-bottom:5px}.carousel-caption p{font-size:.75rem;margin-bottom:3px}}@media (max-width: 480px){.carousel{margin:5px 0}.carousel-item img,.carousel-item div[style*=height]{height:220px!important;max-height:40vh!important;border-radius:5px!important}.carousel-caption{padding:3px}.carousel-caption h3{font-size:.85rem;margin-bottom:3px}.carousel-caption p{display:none}.carousel-indicators{bottom:5px}.carousel-control-prev,.carousel-control-next{width:30px}}@media (max-width: 768px){.Pagination{padding:15px 0}.pagination{font-size:.9rem}.page-link{padding:6px 12px}}@media (max-width: 480px){.Pagination{padding:10px 0}.pagination{font-size:.8rem;gap:3px}.page-link{padding:5px 10px;font-size:.75rem}.page-item{margin:0 2px}}