body{background:#111}.pp{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;justify-items:center;margin-top:40px}.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:right;transition:all .6s ease;margin-right:10px;text-align:center;text-decoration:none;align-content:center}.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}.movie{display:flex;flex-direction:row;align-items:center;color:azure;border-radius:15px}.pho{margin:30px;width:400px;max-width:600px;height:450px;border-radius:15px;box-shadow:0 4px 10px #b9272799}.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)}}