.footer{width:100%;background-color:#0000007e;color:#fff;display:flex;flex-direction:column;justify-content:space-around;padding-top:10px;padding-bottom:20px;box-shadow:0 0 5px #000;position:fixed;bottom:0;left:0;right:0}.logoContainer{display:flex;flex-direction:row;gap:10px;justify-content:center}.logo{width:30px;filter:invert(1)}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.cardContainer{margin-left:10px;margin-right:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.cardContainer a{text-decoration:none}.card{display:flex;flex-flow:row;background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 5px #3835358c;color:gray}.imageContainer{width:100px;height:100px;background-size:cover;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8, %3Csvg width=%22100%25%22 height=%22100%25%22 viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 %3E %3Cdefs%3E %3CradialGradient id=%22radialGradientId%22 r=%22100%25%22 cx=%2250%25%22 cy=%2250%25%22 %3E %3Cstop offset=%220%25%22 stop-color=%22%238EC5FC%22 %2F%3E %3Cstop offset=%22100%25%22 stop-color=%22%23E0C3FC%22 %2F%3E %3C%2FradialGradient%3E %3CclipPath id=%22shape%22%3E %3Cpath fill=%22currentColor%22 d=%22M866.5%2C647Q851%2C794%2C707%2C826Q563%2C858%2C466%2C792.5Q369%2C727%2C205.5%2C697Q42%2C667%2C123%2C529.5Q204%2C392%2C259.5%2C286Q315%2C180%2C439.5%2C159.5Q564%2C139%2C718.5%2C163Q873%2C187%2C877.5%2C343.5Q882%2C500%2C866.5%2C647Z%22%3E%3C%2Fpath%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3Cg clip-path=%22url(%23shape)%22%3E %3Cpath fill=%22url(%23radialGradientId)%22 d=%22M866.5%2C647Q851%2C794%2C707%2C826Q563%2C858%2C466%2C792.5Q369%2C727%2C205.5%2C697Q42%2C667%2C123%2C529.5Q204%2C392%2C259.5%2C286Q315%2C180%2C439.5%2C159.5Q564%2C139%2C718.5%2C163Q873%2C187%2C877.5%2C343.5Q882%2C500%2C866.5%2C647Z%22 %2F%3E %3C%2Fg%3E %3C%2Fsvg%3E")}.cardSummary{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.pokemonName{font-size:large}.pokemonName:first-letter{text-transform:uppercase}.pokemonType{display:flex;flex-direction:row;justify-content:center;gap:10px}.pokemonType div:first-letter{text-transform:uppercase}.PokId{flex-grow:1;align-self:center}@media screen and (max-width: 992px){.cardContainer{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.cardContainer{grid-template-columns:repeat(1,1fr)}}.grass{background-color:green;padding:5px;border-radius:5px;color:#fff;box-shadow:0 0 6px #000 inset}.poison{background-color:#8a2be2;padding:5px;border-radius:5px;color:#f5f5f5;box-shadow:0 0 6px #000 inset}.fire{background-color:#dc143c;padding:5px;border-radius:5px;color:#f5f5f5;box-shadow:0 0 6px #000 inset}.flying{background-color:wheat;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.water{background-color:#6890f0;color:#fff;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.bug{background-color:#7fff00;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.normal{background-color:#dcdcdc;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.electric{background-color:#ff0;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.ground{background-color:#d2691e;padding:5px;border-radius:5px;color:#fff;box-shadow:0 0 6px #000 inset}.fairy{background-color:pink;padding:5px;border-radius:5px;box-shadow:0 0 6px #000 inset}.fighting{background-color:brown;padding:5px;border-radius:5px;color:#faebd7;box-shadow:0 0 6px #000 inset}.psychic{background-color:#f0f;padding:5px;border-radius:5px;color:#fff;box-shadow:0 0 6px #000 inset}.rock{background-color:#8b4513;padding:5px;border-radius:5px;color:#faebd7;box-shadow:0 0 6px #000 inset}.steel{background-color:gray;padding:5px;border-radius:5px;color:beige;box-shadow:0 0 6px #000 inset}.ice{background-color:#00bfff;padding:5px;border-radius:5px;color:#000;box-shadow:0 0 6px #000 inset}.ghost{background-color:#9932cc;padding:5px;border-radius:5px;color:#f5f5f5;box-shadow:0 0 6px #000 inset}.dragon{background-color:#2f4f4f;padding:5px;border-radius:5px;color:beige;box-shadow:0 0 6px #000 inset}.dark{background-color:#191970;padding:5px;border-radius:5px;color:#faebd7;box-shadow:0 0 6px #000 inset}.arrow-div{display:flex;align-items:center;width:100%;justify-content:center;margin-top:10px;color:#fff}.arrow{margin:5px;border-radius:10px;border:none;background:none;transition:all .3s;color:#fff}.arrow:hover{cursor:pointer;transform:scale(1.05);color:#423f3f}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.arrow{background-color:#f3eae8;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.arrow:disabled{background-color:#e0d0cc;cursor:not-allowed}.page-number{background-color:#f3eae8;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.page-number.active{background-color:#8884d8;color:#fff}.ellipsis{margin:0 5px}@media screen and (max-width: 600px){.pagination{gap:8px}.page-number,.arrow{padding:4px 8px;font-size:14px}.ellipsis{margin:0 3px}}@media screen and (max-width: 400px){.pagination{gap:5px}.page-number,.arrow{padding:3px 6px;font-size:12px}.ellipsis{margin:0 2px}}.searchbar-container{display:flex;margin:0 10px 15px;align-items:center;flex:1}.searchbar{background:white;padding-right:20px;flex:1}.searchbar input{padding:10px;box-shadow:0 2px 2px #00000040;border-radius:3px;border:none;width:100%}.searchbar input:focus{outline:none}.searchbar-btn button{background-color:#f3eae8;border:none;border-radius:10px;height:100%;color:gray;padding:10px 12px;margin-left:20px;transition:all .3s ease}.searchbar-btn button:hover{cursor:pointer;background-color:#f1f7f2}#root{max-width:1280px;margin:0 auto 120px;padding:0;text-align:center;font-family:sans-serif}body{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAPFBMVEX////Y2NjY2tz+/v7S0tLY2tzY2NjT09PT19/U19/Y2tzY2NvS1+DY2NjT29fY29rY2Nv///3U29fY29qvMB2xAAAAFHRSTlMAWVwAHWBcICAkWVkdVSBcVQAkYMNzETcAAAElSURBVHheRZEBjsMwCAQXE8exk/Tau///9ZaRoqrCYAYHtigyFNrEqV2BkZFsTQ061c1un8sVR7qiGHSWd+bgXl62p7I5irzSkf0yiXwqG3RzdqpzU66seDdb2ejSdSmoD2emGXNpCJ8bXs47KooNzmL8Hva9YadzMlvqZDp9BpqCHuSY8mLCgPU80dn1TDmLQVrp1p8CZr0o6FBzvZi2FcvKrXQNeruGGjP5JQqau96KNFVAhYId9Rvbw6AnO7yLoO5NZJb26GRDwpOb9vd3x/zzZihfRdEk2xP3T7EGRRH6DrV8s81fUUU9L2Hk2JVP8dJGz/J0PjX4EncJ/ehCrykR2lGOEg08mqh/SUIBmQPKXbvZDze28qU1N0zQTUEWL7qYxT9mCgcm/xQYyAAAAABJRU5ErkJggg==) black}.App{background-color:#ffffff72}header{display:flex;flex-direction:column}h1{color:#f5f5f5;font-size:40px}.SearchDiv{display:flex;flex-direction:row;margin-bottom:30px;background-color:#332d2da5;padding:10px;box-shadow:0 0 5px #000}.tip{padding:10px;border-radius:5px;background-color:#daa520;color:#fff;width:30%}.notFound{border:2px solid red;width:70%;margin:0 auto;color:#fff;background-color:#a52a2a58}@media screen and (max-width: 992px){.SearchDiv{flex-direction:column}.tip{width:auto}}.container{background-color:#fff9;border-top-right-radius:10px;border-top-left-radius:10px;padding:20px;max-width:800px;margin:0 auto}.container{background-color:#fff9;border-top-right-radius:10px;border-top-left-radius:10px;padding:20px;max-width:800px;margin:0 auto 100px}.Next-Last{width:100%;background-color:gray;display:flex;flex-direction:row;justify-content:space-around}.rightBorder{border-right:2px solid rgba(0,0,0,.204)}.PageChangeButtoms{width:100%;text-decoration:none;color:#fff;padding-top:20px;padding-bottom:20px;box-shadow:0 0 1px #000}.PageChangeButtoms:hover{box-shadow:0 0 3px #000 inset}.container h1:first-letter{text-transform:uppercase}.returnButton{background-color:#f3eae8;border:none;border-radius:10px;color:gray;padding:10px 20px;text-decoration:none;display:inline-block;margin-top:20px}.returnButton:hover{background-color:#e0d0cc}.principal_div{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.container img{max-width:200px;height:auto;margin-bottom:10px}.summary{margin-bottom:20px;background-color:#f9f9f9;padding:15px;border-radius:10px}.summary p{margin:5px 0}.AbilityDiv{margin-top:10px}.AbilityDiv p{margin:5px 0}.types{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.types div:first-letter{text-transform:uppercase}.stats{margin-top:20px;background-color:#f9f9f9;padding:15px;border-radius:10px}.stats-list{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;align-items:center;gap:10px}.stat-name{min-width:100px}.stat-bar{flex-grow:1;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden}.stat-bar-fill{height:100%;background-color:#8884d8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.color{color:#8884d8}@media screen and (max-width: 1000px){.principal_div{flex-direction:column}.container img{max-width:150px}.summary{margin-top:20px}}@media screen and (max-width: 600px){.container img{max-width:100px}}