html,body{height:100%;margin:0;padding:0}body{background-color:#ffecc0}.characters{text-align:center}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.character-card{border:1px solid #ccc;border-radius:10px;padding:15px;background:#f9f9f9;transition:.3s;box-shadow:0 0 10px gray}.character-card p{font-size:20px}.character-card:hover{transform:scale(1.02);background:#f39f9f}.character-card img{width:100%;border-radius:8px}h3:hover{color:#fff}button{background-color:#a42f5e;color:#fff;padding:20px;border:none;border-radius:10px;cursor:pointer;font-size:16px}button:hover{background-color:#ffecc0;color:#000}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(https://wallpapers.com/images/high/all-cartoon-characters-1600-x-1168-p5z3cc2g8j34y8yo.webp);background-repeat:no-repeat;background-size:cover;background-position:center}.hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 5px rgba(0,0,0,.6)}.hero p{font-size:1.2rem;margin-bottom:30px}.hero a{background-color:#ff4b5c;color:#fff;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1rem;transition:.3s ease;text-decoration:none}.hero a:hover{background-color:#ff2e44}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-message{background:#a42f5e;color:#fff;padding:20px 40px;border-radius:12px;font-size:22px;font-weight:700;text-align:center;box-shadow:0 4px 15px #0000004d;animation:fadeInOut 5s ease}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:scale(.8)}}.fav{background-color:#f39f9f;padding:10px;min-height:100vh}h2{text-align:center}.favourites-container{display:flex;background-color:#f39f9f;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px}.favourite-card{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #ccc;text-align:center;border-radius:10px;box-shadow:0 2px 5px #0000001a;background-color:#ffecc0;transition:.3s}.favourite-card:hover{transform:scale(1.02);background:#fff}.favourite-card img{width:350px;border-radius:10px;padding:10px}.favourite-card button{background-color:#a42f5e;color:#fff;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.cont{display:flex;justify-content:space-around;align-items:center;padding:15px 30px;background:linear-gradient(to right,#ff9a9e,#fad0c4);box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:100}.cont h1{color:#fff;font-family:Arial,sans-serif;font-size:28px;margin:0;letter-spacing:1px}.cont nav ul{list-style:none;display:flex;gap:40px;margin:0;padding:0}.cont nav ul li a{text-decoration:none;color:#fff;font-weight:bolder;padding:8px 15px;border-radius:8px;transition:.3s}.cont nav ul li a:hover{background-color:#ffffff4d}.cont nav ul li a.active{background-color:#fff;color:#ff6f91;font-weight:700}footer{background-color:#f39f9f;text-align:center;padding:15px;color:#fff;font-weight:700;font-size:20px;box-shadow:0 -2px 5px #0000001a;margin-top:0}footer p{margin:0}