:root{--primaryBackgroundColor:#e6e6e6;--SecondaryBackgroundColor:#3b4cca;--primaryTextColor:#ececec}body,html{background-color:var(--primaryBackground);font-family:Arial,sans-serif;margin:0;padding:0}footer{background-color:#f0f0f0;border-radius:0 0 10px 10px;border-top:1px solid #ddd;color:#666;font-size:.9rem;margin-top:3rem;padding:1rem 2rem;text-align:center}h1{color:var(--primaryTextColor);margin:0}input{border:2px solid #ccc;border-radius:8px;display:block;font:1em sans-serif;height:30px;max-width:500px;padding-left:10px;width:100%}.nav{background-color:var(--SecondaryBackgroundColor);padding:15px 10%;text-align:center}.container{font-family:sans-serif;padding:2rem}.grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.card{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:1rem;text-align:center;transition:all .5s ease;width:250px}.sprite{height:96px;width:96px}.link{color:inherit;text-decoration:none}.types{margin:.5rem 0}.type-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin:0 .25rem;padding:.25rem .5rem;text-transform:capitalize}.stats{margin-top:1rem;text-align:left}.stat{align-items:center;display:flex;margin:.25rem 0}.stat-name{font-size:.85rem;width:70px}.bar-container{background:#eee;border-radius:5px;flex-grow:1;height:10px;margin:0 8px}.bar{background:#4caf50;border-radius:5px;height:100%}.stat-value{font-size:.85rem;text-align:right;width:30px}.search-box{margin:0 auto 20px}@keyframes bounce-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.animated{animation-duration:.6s;animation-fill-mode:both}.bounce-in{animation-name:bounce-in}.card:hover{box-shadow:0 20px 20px #0000001a}.card:hover h2{transform:scale(1.05);transition:transform .3s ease-in-out}.type-badge.fire{background-color:#f08030}.type-badge.water{background-color:#6890f0}.type-badge.grass{background-color:#78c850}.type-badge.electric{background-color:#f8d030}.type-badge.ice{background-color:#98d8d8}.type-badge.fighting{background-color:#c03028}.type-badge.poison{background-color:#a040a0}.type-badge.ground{background-color:#e0c068}.type-badge.flying{background-color:#a890f0}.type-badge.psychic{background-color:#f85888}.type-badge.bug{background-color:#a8b820}.type-badge.rock{background-color:#b8a038}.type-badge.ghost{background-color:#705898}.type-badge.dragon{background-color:#7038f8}.type-badge.dark{background-color:#705848}.type-badge.steel{background-color:#b8b8d0}.type-badge.fairy{background-color:#ee99ac}.type-badge.normal{background-color:#a8a878}