:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;text-align:center;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;min-height:100vh}.pokedex{width:60%;margin:0 auto;min-height:100vh}.pokemon-card{border:2px solid white;padding:.2rem 1rem 1rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;cursor:pointer;transition:transform .2s ease-in-out}.pokemon-card:hover{transform:scale(1.05)}.pokemon-img{width:5rem;height:5rem}.pokemon-name{text-transform:capitalize;font-size:1.2rem;font-weight:700;color:#000}.type-badge{display:inline-block;padding:4px 8px;border-radius:12px;color:#fff;font-weight:700;text-transform:uppercase;font-size:.75rem}.pokemon-id{color:#000}.pop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.pop-content{background-color:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;animation:scaleIn .3s ease}.pop-header{padding:1.5rem;position:relative;color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.3);border-top-left-radius:16px;border-top-right-radius:16px}.pop-footer{padding:1.5rem;border-bottom-left-radius:16px;border-bottom-right-radius:16px;color:#000;text-align:center}.pop-body{padding:1.5rem}.pop-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}.pop-pokemon-name{font-size:2rem;text-transform:capitalize;margin-bottom:.5rem}.pop-pokemon-img{width:180px;height:180px;margin:0 auto 1.5rem;display:block}.pop-pokemon-abilities{margin-top:1.5rem}.pop-pokemon-abilities ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pop-pokemon-abilities li{background-color:#f0f0f0;padding:.5rem 1rem;border-radius:20px;text-transform:capitalize}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.navigation-bar-container{font-family:PokemonSolid;font-size:1.2rem;display:flex;justify-content:center;gap:3rem;align-items:center;padding:1rem;background-color:#2a75bb;color:#fff;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border:2px solid white;border-top:none}.nav-link{color:#fff;text-decoration:none;font-weight:700;padding:.5rem 1rem;border-radius:1rem;transition:background-color .3s,transform .2s}.nav-link:hover{background-color:#fff3;transform:translateY(-2px)}.nav-link.active{background-color:#ffcb05;color:#2a75bb!important}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pagination-container{margin-bottom:20px;display:flex;gap:1rem;align-items:center;justify-content:center}.pagination-container button{padding:.5rem 1rem;border-radius:4px;font-size:1rem;background-color:#ffcb05;color:#2a75bb;border:2px solid #2a75bb;font-weight:700;cursor:pointer;transition:all .2s ease}.pagination-container button:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.pagination-container button:disabled{background-color:#ccc;cursor:not-allowed}.page-number{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:4px;font-size:1rem;font-weight:700;background-color:#ffcb05;color:#2a75bb;border:2px solid #2a75bb;box-shadow:0 2px 5px #0000001a}.title{font-family:PokemonSolid;font-size:8.25rem;color:#ffcb05;text-shadow:-2px -2px #2a75bb,2px -2px #2a75bb,-2px 2px #2a75bb,2px 2px #2a75bb;text-align:center;margin-bottom:1.5rem;margin-top:1.5rem}.about-page-container{color:#2a75bb;border:1px solid #2a75bb;border-radius:1rem;padding:1.5rem;margin:1.5rem auto;width:80%;max-width:800px;box-shadow:0 2px 10px #0000001a;transition:transform .4s ease,box-shadow .4s ease}.about-page-container:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026;transition:all .4s ease}.about-page-container h1,.about-page-container h2{font-family:PokemonSolid;color:#ffcb05;text-shadow:1px 1px #2a75bb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10rem}.pokeball-loading-image{width:15rem;height:15rem;animation:bounce 1.5s ease-in-out infinite}.loading-text{font-family:PokemonSolid;font-size:2.25rem;color:#ffcb05;text-shadow:-2px -2px #2a75bb,2px -2px #2a75bb,-2px 2px #2a75bb,2px 2px #2a75bb;text-align:center;margin-bottom:1.5rem;margin-top:1.5rem}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@font-face{font-family:PokemonSolid;src:url(/Pokedex-WEB2-Assignment/assets/PokemonSolid-5aVRmG9i.ttf) format("truetype");font-weight:400;font-style:normal}