@font-face{font-family:Cinzel;src:url(/Cine-Fan/assets/CinzelDecorative-Bold-Cbl_4R6Z.ttf)}@font-face{font-family:ZenLoop;src:url(/Cine-Fan/assets/ZenLoop-Regular-Bit2dhpa.ttf)}.header{text-align:center;grid-template-columns:50% 50%;margin:20px;display:grid}@media (width<=490px){.header{flex-direction:column;display:flex}}.header nav{width:40%;transform:translateY(20%)}@media (width<=490px){.header nav{justify-content:center;align-items:center;width:100%;display:flex;transform:translateY(-10%)}.header nav ul{display:flex}}.header nav a{color:#f5f5f5;font-size:.8rem;text-decoration:none}.header nav a a:visited{color:#b7dde9}.header nav li{background:#333;border:1px solid #6200ff;border-radius:10px;margin:10px;padding:10px 5px 5px}@media (width<=490px){.header nav li{width:150px}}.header nav li:hover{box-shadow:-1px 1px 20px 2px #896383}.header .logo{color:#b7dde9;background:#6200ff;border-radius:30px;justify-content:center;align-items:center;min-width:250px;max-width:600px;display:flex;transform:translate(-50%);box-shadow:-1px 1px 20px 2px #896383}@media (width<=490px){.header .logo{transform:translate(0%)}}.header .logo .logo-img{background:url(/Cine-Fan/assets/classic-film-projector-reels-stars-and-cinema-nostalgia-free-png-suCgw-4e.webp) 50%/cover;width:100px;height:100px}@media (width<=750px){.header .logo .logo-img{width:70px;height:70px}}.header .logo h1{text-shadow:-1px 0 20px #ffffff4d;font-size:3rem}@media (width<=750px){.header .logo h1{font-size:2rem}}.mapping{flex-wrap:wrap;gap:10px;display:flex}.card{color:#b7dde9;text-align:center;background:#333;border:1px solid #b7dde9;flex-direction:column;flex:1 0 25%;margin:5px;font-size:.9rem;transition:all 1s;display:flex}.card:hover{background:#55255a}.card img{border-radius:5px;align-self:center;width:80%;max-width:250px;margin:8px}.card h3{color:#6200ff;text-shadow:1px 2px 3px #b7dde9;font-size:1.3rem}.card em,.card h4{color:#b7dde9;margin:5px;font-family:serif;font-size:.9rem}.card h4 svg{color:gold}.card ul{justify-content:center;display:flex}.card ul li{background:#6200ff;border-radius:5px;margin:5px;padding:3px;font-size:.7rem}.card h5{text-align:left;margin:8px;font-size:1rem}.card p{letter-spacing:1px;text-align:left;padding:3px;font-family:serif;font-size:.8rem}.card button{color:pink;cursor:pointer;background:#6200ff;border-radius:20px;place-self:center last baseline;width:50%;margin:auto 10px 10px}.searchpanel{background:#333;border:1px solid #6200ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:40%;margin:30px auto;padding:15px;display:flex;box-shadow:-1px 1px 20px 2px #896383}.searchpanel .searchmovie{justify-content:center;align-items:center;width:100%;display:flex}.searchpanel .searchmovie button{width:40%}@media (width<=750px){.searchpanel .searchmovie button{display:none}}.searchpanel input:focus{outline:none}.searchpanel input{color:#f5f5f5;background:#333;border:1px solid #b7dde9;border-radius:10px;width:80%;max-width:300px;margin:5px;padding:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;font-weight:400}.searchpanel .tri{justify-content:center;align-items:center;width:100%;display:flex}.searchpanel button{color:#f5f5f5;cursor:pointer;background:#333;border:1px solid #b7dde9;border-radius:10px;width:40%;max-width:140px;margin:5px;padding:5px;font-family:Cinzel,sans-serif;font-size:.9rem;font-weight:400}@media (width<=750px){.searchpanel button{font-size:.8rem}}.searchpanel button:hover{box-shadow:-1px 3px 30px 2px #896383}.myHearts{color:#b7dde9;justify-content:center;display:flex}*{box-sizing:border-box;margin:0;padding:0;list-style:none}body{color:#6200ff;background:#25074f;min-height:100vh;font-family:Cinzel,sans-serif}