@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-fighting: #0000;--color-flying: #735259;--color-poison: #5B3184;--color-ground: #654008;--color-rock: #4F4F4F;--color-bug: #4AB648;--color-ghost: #000000;--color-steel: #000000;--color-fire: #E6901E;--color-water: #1479FB;--color-grass: #416460;--color-electric: #ffd500;--color-psychic: #000000;--color-ice: #000000;--color-dragon: #000000;--color-dark: #000000;--color-fairy: #000000;--color-normal: #CEC49C}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;font-size:16px}img{display:inline-block;max-width:100%;max-height:100%;object-fit:contain}input,button{display:inline-block;font-family:inherit;cursor:pointer;border:none}ul{list-style:none}a{color:inherit;text-decoration:none}.color__type{--color-grass: #416460}.poke__card{width:250px;display:flex;flex-direction:column;align-items:center;border-radius:15px;cursor:pointer;gap:5px;position:relative}.poke__card:hover{transform:scale(1.05)}.poke__card div{position:absolute;width:100%;height:100px;border-radius:10px 10px 0 0}.poke__card figure{position:relative;width:150px;z-index:10}.poke__card h3:first-letter{text-transform:uppercase}.poke__types{display:flex;gap:5px}.poke__types li{font-size:.8rem}.poke__types li:first-letter{text-transform:uppercase}.poke__card p{color:#9f9f9f;font-size:.7rem}.poke__card hr{border:1px solid #c1c1c1;width:85%}.poke__stats{display:grid;grid-template-columns:repeat(2,2fr);grid-template-rows:repeat(2,1fr);padding:15px;width:85%;gap:10px}.poke__stats li{text-transform:uppercase;display:flex;flex-direction:column;align-items:center;font-size:.7rem}.poke__stats li span{font-size:1rem;font-weight:700}.slot2:before{content:"/ "}.poke__card__fighting{border:4px solid var(--color-grass)}.poke__card__flying{border:4px solid var(--color-flying)}.poke__card__poison{border:4px solid var(--color-poison)}.poke__card__ground{border:4px solid var(--color-ground)}.poke__card__rock{border:4px solid var(--color-rock)}.poke__card__bug{border:4px solid var(--color-bug)}.poke__card__ghost{border:4px solid var(--color-ghost)}.poke__card__steel{border:4px solid var(--color-steel)}.poke__card__fire{border:4px solid var(--color-fire)}.poke__card__water{border:4px solid var(--color-water)}.poke__card__grass{border:4px solid var(--color-grass)}.poke__card__electric{border:4px solid var(--color-electric)}.poke__card__psychic{border:4px solid var(--color-psychic)}.poke__card__ice{border:4px solid var(--color-ice)}.poke__card__dragon{border:4px solid var(--color-dragon)}.poke__card__dark{border:4px solid var(--color-dark)}.poke__card__fairy{border:4px solid var(--color-fairy)}.poke__card__normal{border:4px solid var(--color-normal)}.fighting{background-color:var(--color-fighting)}.flying{background-color:var(--color-flying)}.poison{background-color:var(--color-poison)}.ground{background-color:var(--color-ground)}.rock{background-color:var(--color-rock)}.bug{background-color:var(--color-bug)}.ghost{background-color:var(--color-ghost)}.steel{background-color:var(--color-steel)}.fire{background-color:var(--color-fire)}.water{background-color:var(--color-water)}.grass{background-color:var(--color-grass)}.electric{background-color:var(--color-electric)}.psychic{background-color:var(--color-psychic)}.ice{background-color:var(--color-ice)}.dragon{background-color:var(--color-dragon)}.dark{background-color:var(--color-dark)}.fairy{background-color:var(--color-fairy)}.normal{background-color:var(--color-normal)}.text__fighting{color:var(--color-fighting)}.text__flying{color:var(--color-flying)}.text__poison{color:var(--color-poison)}.text__ground{color:var(--color-ground)}.text__rock{color:var(--color-rock)}.text__bug{color:var(--color-bug)}.text__ghost{color:var(--color-ghost)}.text__steel{color:var(--color-steel)}.text__fire{color:var(--color-fire)}.text__water{color:var(--color-water)}.text__grass{color:var(--color-grass)}.text__electric{color:var(--color-electric)}.text__psychic{color:var(--color-psychic)}.text__ice{color:var(--color-ice)}.text__dragon{color:var(--color-dragon)}.text__dark{color:var(--color-dark)}.text__fairy{color:var(--color-fairy)}.text__normal{color:var(--color-normal)}.pokedex{padding-bottom:25px;background-color:#f9f9f9}.pokedex__header{display:flex;flex-direction:column;margin:30px;justify-content:center;align-items:center}.pokedex__header h3{text-align:center;font-weight:500;margin-bottom:20px}.pokedex__header h3 span{color:red;font-weight:700}.pokedex__form{margin:auto;display:flex;gap:20px}.pokedex__form_container input{padding:10px 0 10px 15px;width:300px;border-radius:5px 0 0 5px;box-shadow:0 3px 6px #00000026}.pokedex__form_container button{padding:10px 0;width:150px;background-color:#d93f3f;color:#fff;font-weight:600;border-radius:0 5px 5px 0;box-shadow:0 3px 6px #00000026}.pokedex_select{border:none;border-radius:5px;padding:10px 0 10px 15px;width:300px;box-shadow:0 3px 6px #00000026}.pokedex__container{margin:auto;max-width:900px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px}.cinta{width:100%;height:115px;position:relative}.cinta__red{background-color:#dd1a1a;height:70px;display:flex;align-items:end}.cinta__red img{height:50px;margin-left:50px}.cinta__black{background-color:#000;height:30px;position:relative}.cinta__circle{background-color:#fff;border:6px solid black;position:absolute;bottom:0;left:0;right:40px;margin-left:auto;margin-top:auto;margin-bottom:auto;width:60px;height:60px;border-radius:100%;z-index:10;display:flex;justify-content:center;align-items:center}.cinta__circle div{background-color:#000;width:35px;height:35px;border-radius:100%}.home{position:relative;width:100%;height:100vh;background:linear-gradient(#fff,#989898)}.home__title{height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.home__title img{width:40%}.home__title h2{color:#fe1936;margin-top:30px;font-size:1.8rem;font-weight:700}.home__title p{margin:10px}.form__container{box-shadow:0 5px 5px 1px #989898}.form__container input{padding:10px 0 10px 15px}.form__container button{padding:10px 0;width:150px;background-color:#d93f3f;color:#fff;font-weight:600}.footer{height:10vh;position:relative}.footer__red{background-color:#dd1a1a;height:60%}.footer__black{background-color:#000;height:40%}.footer__circle{background-color:#fff;position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;border:6px solid black;width:35px;height:35px;border-radius:100%;z-index:10;display:flex;justify-content:center;align-items:center}.footer__circle div{background-color:#000;width:15px;height:15px;border-radius:100%}.pokeid{margin:50px auto auto;max-width:900px}.pokeid__container{box-shadow:0 3px 6px #00000026;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.pokeid_color{position:absolute;width:100%;height:100px}.pokeid__container figure{width:200px;z-index:10}.pokeid__container h1:first-letter{text-transform:uppercase}.pokeid__order{border:1px solid #D3D3D3;padding:5px}.divider{width:80%;height:30px;text-align:center;display:flex;justify-content:center}.side{width:30%;padding:30px 0}.middle{width:30%;padding:20px 0;font-size:1.3rem}.middle p:first-letter{text-transform:uppercase}.pokeid__weight_height{margin-top:20px;display:grid;grid-template-columns:repeat(2,2fr);padding:15px;width:20%;gap:10px}.pokeid__weight_height li{text-transform:uppercase;display:flex;flex-direction:column;align-items:center;font-size:.7rem}.pokeid__weight_height li span{font-size:1rem;font-weight:700}.pokeid__type_ability{display:grid;grid-template-columns:repeat(2,2fr);grid-template-rows:repeat(2,1fr);padding:15px;gap:10px;text-align:center}.pokeid__type{display:flex;flex-direction:row;gap:5px}.pokeid__type div{width:100px;color:#fff;text-align:center;border-radius:5px;font-size:.8rem;padding:5px}.pokeid__ability{display:flex;flex-direction:row;gap:5px}.pokeid__ability div{width:100px;text-align:center;border:1px solid #D3D3D3;border-radius:5px;font-size:.8rem;padding:5px}.pokeid__stats{width:100%;align-self:start;padding:0 20px;margin-bottom:20px}.stats__list{margin-bottom:10px}.stats__name{display:flex;justify-content:space-between;font-size:.8rem}.stats__base_stat{width:100%;height:20px;border:1px solid #D3D3D3}.stats__base_stat div{height:20px;background:linear-gradient(to right,#fcd676,#e6901e)}.pokeid__movements{padding:20px;margin:40px 0;box-shadow:0 3px 6px #00000026}.divider__right{display:flex;justify-content:space-between;align-items:center}.divider__right .middle{margin:20;width:20%}.divider__right .side{margin:20;width:80%}.movements__items{line-height:35px;display:inline;padding:5px;background-color:#e5e5e5;border-radius:50px;margin:5px}