@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap";.App{position:relative}.home__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:15px}.home__tittle{padding:10px;max-width:500px}.home__subtittle{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center}.home__subtittle h2{color:var(--color_Red_Figma)}.formHome__name{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.home_input{width:250px;padding:10px;box-shadow:-1px 2px 5px #00000013!important;height:40px;font-size:18px}.home_btn{width:100px;padding:10px;background-color:var(--color_Red_Figma);color:var(--color_white);box-shadow:-1px 2px 5px #00000013!important;cursor:pointer;height:40px}.home_btn:hover{filter:brightness(1.1)}.pokedex__container{min-height:100vh}.pokedex__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:8px}.pokedex__body{width:100%;max-width:1300px;margin:auto}.pokedex__welcome{font-size:20px;margin-left:20px;padding-bottom:20px}.pokedex__span__name{color:var(--color_Red_Figma);font-weight:700}.pokedex_inputs{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px;gap:10px;margin-bottom:30px}@media (max-width: 580px){.pokedex__welcome{font-size:20px;margin-left:20px;padding-bottom:20px;text-align:center}}ul{list-style:none}.carpoke__container{width:100%;max-width:350px;border-radius:10px;border:10px solid black;overflow:hidden;margin:auto}.carpoke__header{height:140px;background-color:green;position:relative;margin-bottom:50px}.cardpoke_img{width:50%;position:absolute;top:20px;left:50%;transform:translate(-50%);cursor:pointer}.cardpoke__name{text-transform:capitalize;text-align:center;font-size:2rem;font-weight:500;cursor:pointer}.cardpoke__types{display:flex;justify-content:center;gap:15px}.cardpoke__type{font-size:16px;text-transform:capitalize;position:relative}.cardpoke__type:nth-child(2):before{content:"/";position:absolute;left:-10px}.cardpoke__type-label{display:flex;justify-content:center;text-transform:capitalize;margin-bottom:15px;color:#999}.cardBody__elements{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:1em;padding:5px}.cardBody__element{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-transform:capitalize;gap:6px}.card__body{margin-bottom:15px;padding:5px}.cardBody__span{color:#999;text-transform:uppercase;font-size:15px}:root{--color-fire: #E85D04;--color-fire-border: #9D0208;--color-water: #00B4D8;--color-water-border: #0077B6 ;--color-ice: #CAF0F8;--color-ice-border: #03045E ;--color-grass: #2B9348;--color-grass-border: #007F5F ;--color-rock: #785352;--color-rock-border: #5A4340;--color-poison: #734A6A;--color-poison-border: #392939 ;--color-fairy: #FDE4CF;--color-fairy-border: #B5838D ;--color-fighting: #49111C;--color-fighting-border: #0A0908 ;--color-flying: #FBFFF1;--color-flying-border: #2B93D1 ;--color-electric: #303030;--color-electric-border: #fdc500 ;--color-dark: #14213D;--color-dark-border: #000000 ;--color-shadow: #6C757D;--color-shadow-border: #343A40 ;--color-dragon: #0033FF;--color-dragon-border: #4C00FF ;--color-ground: #9C6615;--color-ground-border: #413620 ;--color-bug: #4F772D;--color-bug-border: #31572C ;--color-ghost: #403D39;--color-ghost-border: #252422 ;--color-steel: #93ACB5;--color-steel-border: #6C756B ;--color-psychic: #9E0059;--color-psychic-border: #390099 ;--color-normal: #d62828;--color-normal-border: #003049 ;--color-unknow: #939597;--color-unknow-border: #363537 }.border-fire{border-color:var(--color-fire-border)}.bg-fire{background-color:var(--color-fire)}.letter-fire{color:var(--color-fire)}.border-water{border-color:var(--color-water-border)}.bg-water{background-color:var(--color-water)}.letter-water{color:var(--color-water)}.border-ice{border-color:var(--color-ice-border)}.bg-ice{background-color:var(--color-ice)}.letter-ice{color:var(--color-ice-border)}.border-grass{border-color:var(--color-grass-border)}.bg-grass{background-color:var(--color-grass)}.letter-grass{color:var(--color-grass)}.border-rock{border-color:var(--color-rock-border)}.bg-rock{background-color:var(--color-rock)}.letter-rock{color:var(--color-rock)}.border-poison{border-color:var(--color-poison-border)}.bg-poison{background-color:var(--color-poison)}.letter-poison{color:var(--color-poison)}.border-fairy{border-color:var(--color-fairy-border)}.bg-fairy{background-color:var(--color-fairy)}.letter-fairy{color:var(--color-fairy-border)}.border-fighting{border-color:var(--color-fighting-border)}.bg-fighting{background-color:var(--color-fighting)}.letter-fighting{color:var(--color-fighting-border)}.border-flying{border-color:var(--color-flying-border)}.bg-flying{background-color:var(--color-flying)}.letter-flying{color:var(--color-flying-border)}.border-electric{border-color:var(--color-electric-border)}.bg-electric{background-color:var(--color-electric)}.letter-electric{color:var(--color-electric-border)}.border-dark{border-color:var(--color-dark-border)}.bg-dark{background-color:var(--color-dark)}.letter-dark{color:var(--color-dark-border)}.border-shadow{border-color:var(--color-shadow-border)}.bg-shadow{background-color:var(--color-shadow)}.letter-shadow{color:var(--color-shadow-border)}.border-dragon{border-color:var(--color-dragon-border)}.bg-dragon{background-color:var(--color-dragon)}.letter-dragon{color:var(--color-dragon-border)}.border-ground{border-color:var(--color-ground-border)}.bg-ground{background-color:var(--color-ground)}.letter-ground{color:var(--color-ground-border)}.border-bug{border-color:var(--color-bug-border)}.bg-bug{background-color:var(--color-bug)}.letter-bug{color:var(--color-bug-border)}.border-ghost{border-color:var(--color-ghost-border)}.bg-ghost{background-color:var(--color-ghost)}.letter-ghost{color:var(--color-ghost-border)}.border-steel{border-color:var(--color-steel-border)}.bg-steel{background-color:var(--color-steel)}.letter-steel{color:var(--color-steel-border)}.border-psychic{border-color:var(--color-psychic-border)}.bg-psychic{background-color:var(--color-psychic)}.letter-psychic{color:var(--color-psychic-border)}.border-normal{border-color:var(--color-normal-border)}.bg-normal{background-color:var(--color-normal)}.letter-normal{color:var(--color-normal-border)}.border-unknow{border-color:var(--color-unknow-border)}.bg-unknow{background-color:var(--color-unknow)}.letter-unknow{color:var(--color-unknow-border)}.inputSearch__container{width:500px;border:0;padding:15px;margin:auto}.inputSearch__form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.inputSearch__input{width:75%;height:50px;box-shadow:0 1rem 3rem #0000002d!important;padding:10px;font-size:large}.inputSearch__btn{background-color:var(--color_Red_Figma);height:50px;width:100px;color:#fff;font-weight:700;cursor:pointer}@media (min-width: 490px){.inputSearch__form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0px}}.select__pokemons{width:500px;border:0;box-shadow:0 1rem 3rem #0000002d!important;padding:15px;text-transform:capitalize;font-size:larger;cursor:pointer;margin:auto}:root{--color_Red_Figma: #FE1936;--color_white: white;--color_black: #181818}.header__container{position:relative;margin-bottom:30px}.header__red{width:100%;height:60px;background-color:var(--color_Red_Figma)}.img__header{width:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header__black{width:100%;height:40px;background-color:var(--color_black)}@media (min-width: 820px){.img__header{left:0;width:300px;position:absolute;top:50%;transform:translateY(-70%);padding:10px;margin-left:20px}.header__circle{width:75px;height:75px;position:absolute;background-color:#fff;bottom:-15%;left:92%;transform:translate(-50%);border-radius:50%;border:8px solid black}.header__circle__small{width:45px;aspect-ratio:1;position:absolute;background-color:#222;border-radius:50%;left:50%;transform:translate(-50%,7px);border:8px solid black}}.pagination__container{margin-left:auto;margin-right:auto;margin-top:50px;width:max-content;display:flex;gap:10px}.pages_container{display:flex;gap:15px}.pagination__next,.pagination__prev,.pages{width:40px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer}.pagination__active{background-color:var(--color_Red_Figma);color:#fff;border-radius:5px}@media (max-width: 525px){.pages{width:20px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer}}.pokedex-by-Id__container{max-width:1000px;margin:auto}.pokedexbyid__principal__container{border:1px solid #0003;box-shadow:2px 4px 3px 2px #0003;max-width:1000px;margin-top:90px;margin-bottom:50px}.pokedex-by-id__tittle{max-width:1000px;height:200px;position:relative;margin:auto}.pokedex-by-id_img{width:250px;padding:10px;position:absolute;left:50%;bottom:0;transform:translate(-50%)}.pokedexbyId_tittle__text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-transform:capitalize;margin-bottom:20px;margin-top:20px}.pokedexbyId_tittle_id{width:50px;border:.5px solid #0003;margin-bottom:8px}.pokedexbyId__size{display:flex;justify-content:center;gap:45px;text-align:center;margin-bottom:15px}.pokedexbyId__height p,.pokedexbyId_weight p{font-size:small}.pokedexbyId__type-abilities{display:flex;justify-content:center;gap:15px;text-align:center;margin-bottom:10px;text-transform:capitalize}.type__container h4,.abilities__container h4{margin-bottom:10px}.abilities__list,.type__list{display:flex;gap:10px}.type__element{min-width:50px;padding:5px;color:#fff}.abilities__element{padding:5px;border:1px solid black}.pokedexbyId__stats__container{max-width:700px;padding:15px;margin:auto}.stast__title{margin-bottom:10px}.stats__list{display:flex;flex-direction:column;gap:10px;text-transform:capitalize;margin-bottom:50px}.stat_element_header{max-width:700px;display:flex;justify-content:space-between;margin-bottom:5px}.bar_stat{max-width:700px;background-color:#0002;height:20px;border-radius:.3em;overflow:hidden}.bar_progress{height:100%}.pokedexbyId__movements__container{max-width:1000px;padding:15px;margin:auto;border:1px solid #0003;box-shadow:2px 4px 3px 2px #0003}.pokedexbyId__movements__container h2{margin-top:20px;margin-bottom:10px}.movements__list{display:flex;flex-wrap:wrap;gap:15px;text-transform:capitalize;margin-bottom:50px}.movements__element{text-align:center;background-color:#0002;padding:10px;border-radius:1em}.pokemon404__container{height:100vh}.pokemon404__img{width:500px;padding:10px;margin:auto;border-radius:10px}.pokemon404__img img{border-radius:30px}.pokemon404__title{margin:auto;text-align:center}.footer__red{height:80px;width:100%;background-color:var(--color_Red_Figma);position:absolute;bottom:0}.footer__black{width:100%;height:40px;background-color:#222;position:absolute;bottom:0}.footer__circle{width:70px;height:70px;position:absolute;background-color:#fff;bottom:0;left:50%;transform:translate(-50%);border-radius:50%;border:8px solid black}.footer__circle__small{width:40px;aspect-ratio:1;position:absolute;background-color:#222;border-radius:50%;left:50%;transform:translate(-50%,7px);border:8px solid black}.footer__container{position:relative;margin-top:150px}img{display:inline-block;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}input{outline:none;border:none}button{border:none}