diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..533f5f19
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,17 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "program": "${workspaceFolder}/src/index.html"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 4f9c333c..ae909b23 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Data Lovers
+# Pokemón
 
 ## Índice
 
@@ -15,120 +15,157 @@
 
 ## 1. Preámbulo
 
-Según [Forbes](https://www.forbes.com/sites/bernardmarr/2018/05/21/how-much-data-do-we-create-every-day-the-mind-blowing-stats-everyone-should-read),
-el 90% de la data que existe hoy ha sido creada durante los últimos dos años.
-Cada día generamos 2.5 millones de terabytes de datos, una cifra sin precedentes.
-
-No obstante, los datos por sí mismos son de poca utilidad. Para que esas
-grandes cantidades de datos se conviertan en **información** fácil de leer para
-los usuarios, necesitamos entender, procesar y mostrar estos datos. Una manera
-simple de hacerlo es creando _interfaces_ y _visualizaciones_.
-
-En la siguiente imagen, podrás ver cómo con la data que que se ve en la parte
-izquierda se puede construir (a la derecha) una interfaz amigable y comprensible
-para el usuario.
-
-![json-interfaz](https://lh4.googleusercontent.com/Tn-RPXS26pVvOTdUzRT1KVaJ-_QbFs9SpcGLxSPE43fgbHaXtFgMUInuDt7kV41DkT1j8Tt29V0LxQW7SMtC6digOIhfTXSBKdwI08wUwhD3RAqlwy0hjfmhZ2BFe91mtmCSEqysfgk)
-
-\* Puedes ver el detalle de la data en este [link](https://gist.github.com/lalogf/dd4aa3017a9f8aa8f90dfbca382c4dc9#file-student-json)
-y la interfaz construida en este [link](https://app.talento.laboratoria.la/profile/HFOoMpOreBU2psCcjjLg5O2EWEv2).
-
-## 2. Resumen del proyecto
-
-En este proyecto **construirás una _página web_ para visualizar un
-_conjunto (set) de datos_** que se adecúe a lo que tu usuario necesita.
-
-Como entregable final tendrás una página web que permita a los usuarios
-**visualizar, filtrar, ordenar, etc.**.
-
-Te proponemos una serie de datos de diferentes _temáticas_ para que los
-explores y decidas con cuál te interesa trabajar. Cada _set_ de datos viene con
-información básica sobre los datos y su estructura, y una lista de las
-necesidades de los usuarios que proviene de una investigación (_research_)
-hecha por el equipo de Laboratoria.
-
-Una vez que elijas, diseña tu proyecto intentando ofrecerle la mejor experiencia
-posible para ayudarle a satisfacer sus necesidades.
-
-### Estos son datos que te proponemos:
-
-* [Indicadores de desarrollo del Banco Mundial](src/data/worldbank/worldbank.json)
-  de algunos países (Brasil, Chile, México y Perú). Estos datos incluyen
-  indicadores demográficos, económicos y comerciales.
-* [Pokémon](src/data/pokemon/pokemon.json):
-  En este set encontrarás una lista con los 151 Pokémon de la región de Kanto,
-  junto con sus respectivas estadísticas usadas en el juego [Pokémon GO](http://pokemongolive.com).
-* [Steam noticias](src/data/steam/steam.json):
-  Lista noticias relacionadas a los videojuegos presentes en la
-  plataforma de [Steam](https://store.steampowered.com/).
-* [League of Legends - Challenger leaderboard](src/data/lol/lol.json):
-  Este set de datos muestra la lista de jugadores en una liga del
-  juego League of Legends (LoL), puedes revisar la documentación de su API en
-  este [link](https://developer.riotgames.com/api-methods/).
-* [Personas heridas por medio de transporte en EEUU](src/data/injuries/injuries.json).
-  Este set nos muestra el número de personas heridas en accidentes de
-  transporte, con data anual desde 1960 y categorizada por tipo de transporte
-  (aire, barco, automóvil, moto, bicicleta, ...).
-* [Rick and Morty](src/data/rickandmorty/rickandmorty.json).
-  Este set nos proporciona la lista de los personajes de la serie Rick and
-  Morty. Puedes revisar la documentación de su API en este [link](https://rickandmortyapi.com).
-* [Pacientes en EEUU](src/data/patient/patient.json).
-  Este set nos proporciona una lista de pacientes de EEUU. Puedes revisar la
-  documentación de su API en este [link](https://r2.smarthealthit.org/Patient).
-
-## 3. Objetivos de aprendizaje
-
-El objetivo principal de este proyecto es que, entendiendo las necesidades de
-tus usuarios, aprendas a diseñar y construir una interfaz web donde se pueda
-visualizar y manipular data.
-
-Revisa la lista y reflexiona sobre los objetivos que conseguiste en el
-proyecto anterior. Piensa en eso al decidir tu estrategia de trabajo individual
-y de equipo.
+Primeros pasos
+Antes de empezar a escribir código, debes definir qué deberá hacer el producto en base al conocimiento que puedas obtener de tu usuario. Estas preguntas te pueden ayudar:
+<br>
+    • ¿Quiénes son los principales usuarios de producto?
+Niños, jóvenes y adultos, jugadores de la app para dispositivos móviles pokémon go!, que frecuentemente accesan a la página a buscar información sobre las mejores opciones de personajes elegibles para el juego: su apariencia, sus habilidades, debilidades, etc.
+<br>
+    • ¿Cuáles son los objetivos de estos usuarios en relación con el producto?
+Enriquecer la experiencia de juego, mediante la consulta de la información que les va a permitir conocer detalles sobre sus personajes favoritos para planear su estrategia de juego.
+Pokémon es un juego muy popular entre la gente de todas las edades y la base de datos pretende entregar al usuario los detalles de cada pokémon disponible para aquellos que se encuentren interesados en las habilidades, aspectos y/o características de los personajes.
+<br>
+    • ¿Cuáles son los datos más relevantes que quieren ver en la interfaz y por qué?
+    <br>
+Los datos que queremos abordar en el proyecto son:
+<br>
+*un nombre de usuario y contraseña.
+<br>
+*opciones de filtro por nombre o número de pokémon para su localización.
+<br>
+*opciones de filtro por tipo y /o debilidades.
+<br>
+*datos generales de cada pokémon (pokédex)
+<br>
+*ordenar ascendentemente y descendientemente por número o letra.
+<br>
+*Al pulsar, información del pokémon seleccionado (descripción y características) e imágenes del personaje.
+<br>
+*Enumeración de las evoluciones anteriores y posteriores.
+<br>
+    • ¿Cuándo utilizan o utilizarían el producto?
+    <br>
+Los potenciales usuarios utilizarían la página cuando estén interesados en conocer a los personajes del juego (ya sea en el modo de principiante/medio/ avanzado) crear estrategias (principiante/medio/avanzado), etc.
+
+## Prototipo
+
+
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/paginados.jpg)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pagina.jpg)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/paginatres.jpg)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pokedex.jpg)
+<br>
+
+* Testeando con usuarios decidimos llevar a cabo las siguientes acciones:
+<br>
+- Destacados se convertirá en filtro
+<br>
+- Utilizaremos "modal" para el despliegue de información
+<br>
+- Login falso
+<br>
+
+
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/entrada.png)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pokedex1.png)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pokedex2.png)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pokedex3.png)
+![alt text](https://raw.githubusercontent.com/GrisLab/CDMX009-Data-Lovers/master/imagenes/pokedex4.png)
+
+Aprendizaje Natalia 
 
 ### UX
 
-- [ ] Diseñar la aplicación pensando y entendiendo al usuario.
-- [ ] Crear prototipos para obtener _feedback_ e iterar.
-- [ ] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
-- [ ] Planear y ejecutar _tests_ de usabilidad.
+- [✓] Diseñar la aplicación pensando y entendiendo al usuario.
+- [✓] Crear prototipos para obtener _feedback_ e iterar.
+- [✓] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
+- [✓] Planear y ejecutar _tests_ de usabilidad.
 
 ### HTML y CSS
 
-- [ ] Entender y reconocer por qué es importante el HTML semántico.
-- [ ] Identificar y entender tipos de selectores en CSS.
-- [ ] Entender como funciona `flexbox` en CSS.
-- [ ] Construir tu aplicación respetando el diseño planeado (maquetación).
+- [✓]  Entender y reconocer por qué es importante el HTML semántico.
+- [✓]  Identificar y entender tipos de selectores en CSS.
+- [✓]  Entender como funciona `flexbox` en CSS.
+- [✓]  Construir tu aplicación respetando el diseño planeado (maquetación).
 
 ### DOM
 
-- [ ] Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
-- [ ] Manejar eventos del DOM. (addEventListener)
-- [ ] Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
+- [✓]  Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
+- [✓]  Manejar eventos del DOM. (addEventListener)
+- [✓]  Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
 
 ### Javascript
 
-- [ ] Manipular arrays (`filter` | `map` | `sort` | `reduce`).
+- [✓] Manipular arrays (`filter` | `map` | `sort` | `reduce`).
 - [ ] Manipular objects (key | value).
-- [ ] Entender el uso de condicionales (`if-else` | `switch`).
-- [ ] Entender el uso de bucles (`for` | `forEach`).
-- [ ] Entender la diferencia entre expression y statements.
-- [ ] Utilizar funciones (parámetros | argumentos | valor de retorno).
+- [✓] Entender el uso de condicionales (`if-else` | `switch`).
+- [✓] Entender el uso de bucles (`for` | `forEach`).
+- [✓] Entender la diferencia entre expression y statements.
+- [✓] Utilizar funciones (parámetros | argumentos | valor de retorno).
 - [ ] Entender la diferencia entre tipos de datos atómicos y estructurados.
-- [ ] Utilizar ES Modules (`import` | `export`).
+- [✓] Utilizar ES Modules (`import` | `export`).
 
 ### Pruebas Unitarias (_testing_)
 - [ ] Testear funciones (funciones puras).
 
 ### Git y GitHub
-- [ ] Ejecutar comandos de git (`add` | `commit` | `pull` | `status` | `push`).
-- [ ] Utilizar los repositorios de GitHub (`clone` | `fork` | gh-pages).
-- [ ] Colaborar en Github (pull requests).
+- [✓] Ejecutar comandos de git (`add` | `commit` | `pull` | `status` | `push`).
+- [✓] Utilizar los repositorios de GitHub (`clone` | `fork` | gh-pages).
+- [✓] Colaborar en Github (pull requests).
 
 ### Buenas prácticas de desarrollo
-- [ ] Organizar y dividir el código en módulos (Modularización).
-- [ ] Utilizar identificadores descriptivos (Nomenclatura | Semántica).
-- [ ] Utilizar linter para seguir buenas prácticas (ESLINT).
+- [✓] Organizar y dividir el código en módulos (Modularización).
+- [✓] Utilizar identificadores descriptivos (Nomenclatura | Semántica).
+- [✓] Utilizar linter para seguir buenas prácticas (ESLINT).
+
+Aprendizaje Gris
+
+
+### UX
+
+- [✓] Diseñar la aplicación pensando y entendiendo al usuario.
+- [✓] Crear prototipos para obtener _feedback_ e iterar.
+- [✓] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
+- [✓] Planear y ejecutar _tests_ de usabilidad.
+
+### HTML y CSS
+
+- [✓]  Entender y reconocer por qué es importante el HTML semántico.
+- [✓]  Identificar y entender tipos de selectores en CSS.
+- [✓]  Entender como funciona `flexbox` en CSS.
+- [✓]  Construir tu aplicación respetando el diseño planeado (maquetación).
+
+### DOM
+
+- [✓]  Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
+- [✓]  Manejar eventos del DOM. (addEventListener)
+- [✓]  Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
+
+### Javascript
+
+- [✓] Manipular arrays (`filter` | `map` | `sort` | `reduce`).
+- [ ] Manipular objects (key | value).
+- [✓] Entender el uso de condicionales (`if-else` | `switch`).
+- [✓] Entender el uso de bucles (`for` | `forEach`).
+- [✓] Entender la diferencia entre expression y statements.
+- [✓] Utilizar funciones (parámetros | argumentos | valor de retorno).
+- [ ] Entender la diferencia entre tipos de datos atómicos y estructurados.
+- [✓] Utilizar ES Modules (`import` | `export`).
+
+### Pruebas Unitarias (_testing_)
+- [ ] Testear funciones (funciones puras).
+
+### Git y GitHub
+- [✓] Ejecutar comandos de git (`add` | `commit` | `pull` | `status` | `push`).
+- [✓] Utilizar los repositorios de GitHub (`clone` | `fork` | gh-pages).
+- [✓] Colaborar en Github (pull requests).
+
+### Buenas prácticas de desarrollo
+- [✓] Organizar y dividir el código en módulos (Modularización).
+- [✓] Utilizar identificadores descriptivos (Nomenclatura | Semántica).
+- [✓] Utilizar linter para seguir buenas prácticas (ESLINT).
+
+
 
 ## 4. Consideraciones generales
 
@@ -249,7 +286,7 @@ como toda la configuración de dependencias:
 
 ```text
 .
-├── pokemon
+├── 
 |  ├── README.md
 ├── potter
 |  ├── README.md
@@ -260,9 +297,9 @@ como toda la configuración de dependencias:
 |  |  ├── lol
 |  |  |  ├── lol.js
 |  |  |  └── lol.json
-|  |  ├── pokemon
-|  |  |  ├── pokemon.js
-|  |  |  └── pokemon.json
+|  |  ├── 
+|  |  |  ├── .js
+|  |  |  └── .json
 |  |  ├── potter
 |  |  |  ├── potter.js
 |  |  |  └── potter.json
diff --git a/imagenes/entrada.png b/imagenes/entrada.png
new file mode 100644
index 00000000..811ea64b
Binary files /dev/null and b/imagenes/entrada.png differ
diff --git a/imagenes/logo-pokemon-79x45.png b/imagenes/logo-pokemon-79x45.png
new file mode 100644
index 00000000..f85c6139
Binary files /dev/null and b/imagenes/logo-pokemon-79x45.png differ
diff --git a/imagenes/lupa.png b/imagenes/lupa.png
new file mode 100644
index 00000000..b1921227
Binary files /dev/null and b/imagenes/lupa.png differ
diff --git a/imagenes/pagina.jpg b/imagenes/pagina.jpg
new file mode 100644
index 00000000..c929424c
Binary files /dev/null and b/imagenes/pagina.jpg differ
diff --git a/imagenes/paginados.jpg b/imagenes/paginados.jpg
new file mode 100644
index 00000000..6a7bc539
Binary files /dev/null and b/imagenes/paginados.jpg differ
diff --git a/imagenes/paginatres.jpg b/imagenes/paginatres.jpg
new file mode 100644
index 00000000..3a578688
Binary files /dev/null and b/imagenes/paginatres.jpg differ
diff --git a/imagenes/pokedex.jpg b/imagenes/pokedex.jpg
new file mode 100644
index 00000000..8900ffad
Binary files /dev/null and b/imagenes/pokedex.jpg differ
diff --git a/imagenes/pokedex1.png b/imagenes/pokedex1.png
new file mode 100644
index 00000000..9e43f689
Binary files /dev/null and b/imagenes/pokedex1.png differ
diff --git a/imagenes/pokedex2.png b/imagenes/pokedex2.png
new file mode 100644
index 00000000..91d395b6
Binary files /dev/null and b/imagenes/pokedex2.png differ
diff --git a/imagenes/pokedex3.png b/imagenes/pokedex3.png
new file mode 100644
index 00000000..175bf47e
Binary files /dev/null and b/imagenes/pokedex3.png differ
diff --git a/imagenes/pokedex4.png b/imagenes/pokedex4.png
new file mode 100644
index 00000000..234ac010
Binary files /dev/null and b/imagenes/pokedex4.png differ
diff --git a/imagenes/pokemonGo.png b/imagenes/pokemonGo.png
new file mode 100644
index 00000000..3f8f20cd
Binary files /dev/null and b/imagenes/pokemonGo.png differ
diff --git a/imagenes/pokemonGo2.png b/imagenes/pokemonGo2.png
new file mode 100644
index 00000000..4d8875a4
Binary files /dev/null and b/imagenes/pokemonGo2.png differ
diff --git a/imagenes/pokemonGoLogo.png.jpeg b/imagenes/pokemonGoLogo.png.jpeg
new file mode 100644
index 00000000..e6d3c2ed
Binary files /dev/null and b/imagenes/pokemonGoLogo.png.jpeg differ
diff --git a/src/data.js b/src/data.js
index 951191c6..150f8209 100644
--- a/src/data.js
+++ b/src/data.js
@@ -1,13 +1,115 @@
-// import data from './data/injuries/injuries.js';
-// import data from './data/lol/lol.js';
-// import data from './data/patient/patient.js';
-// import data from './data/pokemon/pokemon.js';
-// import data from './data/rickandmorty/rickandmorty.js';
-// import data from './data/steam/steam.js';
-// import data from './data/steam/worldbank.js';
-
-// esta es una función de ejemplo
-
-export const example = () => {
-  return 'example';
-};
+import data from './data/pokemon/pokemon.js';
+
+const list = data.pokemon;
+// export const typeFilter = list.filter(p => p.type.includes("Electric"));
+typeFilter.innerHTML
+
+
+//let pokemSearch = document.querySelector(#pokeSearch);
+
+//function myFunction() {
+//fetch(̣'http://localhost:5000/data/pokemon/pokemon.json');
+//.then(res => {
+// return res.json()
+// })
+//}
+
+//console.log(myFunction());
+
+
+
+
+//document.getElementById(electricBtn).addEventListener("click", electricType());
+
+// let bugType = list.filter(p => p.type.includes("Bug"))
+// console.log(bugType);
+
+// let grassType = list.filter(p => p.type.includes("Grass"))
+// console.log(grassType)
+
+// let fireType = list.filter(p => p.type.includes("Fire"))
+// console.log(fireType);
+
+// let poisonType = list.filter(p => p.type.includes("Poison"))
+// console.log(poisonType);
+
+// let waterType = list.filter(p => p.type.includes("Water"))
+// console.log(waterType);
+
+// let flyingType = list.filter(p => p.type.includes("Flying"))
+// console.log(flyingType);
+
+// let rockType = list.filter(p => p.type.includes("Rock"))
+// console.log(rockType);
+
+// let normalType = list.filter(p => p.type.includes("Normal"))
+// console.log(normalType);
+
+// let dragonType = list.filter(p => p.type.includes("Dragon"))
+// console.log(dragonType);
+
+// let iceType = list.filter(p => p.type.includes("Ice"))
+// console.log(iceType);
+
+// let psychicType = list.filter(p => p.type.includes("Psychic"))
+// console.log(psychicType);
+
+// let groundType = list.filter(p => p.type.includes("Ground"))
+// console.log(groundType);
+
+// let fightingType = list.filter(p => p.type.includes("Fighting"))
+// console.log(fightingType);
+
+// let ghostType = list.filter(p => p.type.includes("Ghost"))
+// console.log(ghostType);
+
+// let electricType = list.filter(p => p.type.includes("Electric"))
+// console.log(electricType);
+
+
+
+
+
+
+
+
+// let pokemonTags = [];
+// for (let i = 0; i < list.length; i++) {
+//     if (list[i].num === "015") {
+//         pokemonTags.push(list[i].name)
+//     }
+// }
+
+// console.log(pokemonTags);
+
+// let pokemonNum = [];
+// for (let i = 0; i < list.length; i++) {
+//     if (list[i].name === "Pikachu") {
+//         pokemonNum.push(list[i].id);
+//     }
+// };
+
+// console.log(pokemonNum);
+
+//export { pokemonTags }
+//from './data.js';
+
+//console.log(pokemonTags);
+
+//export const pokeTag = data.results.filter((name) => name.type === "grass");
+
+//console.log(pokemonTags);
+
+//let pokemonForce=[];
+//for (let i=0; i< pokemon.length; i++) {
+//pokemonForce.push(pokemon[i].name);
+//};
+
+//console.log(pokemonForce);
+
+//let pokemonNum=[];
+//for (let i=0; i< pokemon.length; i++) {
+//pokemonNum.push(pokemon[i].id);
+//};
+
+//console.log(pokemonNum);
\ No newline at end of file
diff --git a/src/data/pokemon/pokemon.js b/src/data/pokemon/pokemon.js
index 49bbedf3..9e998868 100644
--- a/src/data/pokemon/pokemon.js
+++ b/src/data/pokemon/pokemon.js
@@ -6,7 +6,7 @@ export default {
     "img": "http://www.serebii.net/pokemongo/pokemon/001.png",
     "type": [
       "Grass",
-      "Poison"
+      "Poison",
     ],
     "height": "0.71 m",
     "weight": "6.9 kg",
diff --git a/src/data/pokemon/pokemon.json b/src/data/pokemon/pokemon.json
index dfa9a549..8340547c 100644
--- a/src/data/pokemon/pokemon.json
+++ b/src/data/pokemon/pokemon.json
@@ -1,9 +1,9 @@
 {
-  "pokemon": [{
+  "": [{
     "id": 1,
     "num": "001",
     "name": "Bulbasaur",
-    "img": "http://www.serebii.net/pokemongo/pokemon/001.png",
+    "img": "http://www.serebii.net/go//001.png",
     "type": [
       "Grass",
       "Poison"
@@ -34,7 +34,7 @@
     "id": 2,
     "num": "002",
     "name": "Ivysaur",
-    "img": "http://www.serebii.net/pokemongo/pokemon/002.png",
+    "img": "http://www.serebii.net/go//002.png",
     "type": [
       "Grass",
       "Poison"
@@ -69,7 +69,7 @@
     "id": 3,
     "num": "003",
     "name": "Venusaur",
-    "img": "http://www.serebii.net/pokemongo/pokemon/003.png",
+    "img": "http://www.serebii.net/go//003.png",
     "type": [
       "Grass",
       "Poison"
@@ -99,7 +99,7 @@
     "id": 4,
     "num": "004",
     "name": "Charmander",
-    "img": "http://www.serebii.net/pokemongo/pokemon/004.png",
+    "img": "http://www.serebii.net/go//004.png",
     "type": [
       "Fire"
     ],
@@ -128,7 +128,7 @@
     "id": 5,
     "num": "005",
     "name": "Charmeleon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/005.png",
+    "img": "http://www.serebii.net/go//005.png",
     "type": [
       "Fire"
     ],
@@ -158,7 +158,7 @@
     "id": 6,
     "num": "006",
     "name": "Charizard",
-    "img": "http://www.serebii.net/pokemongo/pokemon/006.png",
+    "img": "http://www.serebii.net/go//006.png",
     "type": [
       "Fire",
       "Flying"
@@ -187,7 +187,7 @@
     "id": 7,
     "num": "007",
     "name": "Squirtle",
-    "img": "http://www.serebii.net/pokemongo/pokemon/007.png",
+    "img": "http://www.serebii.net/go//007.png",
     "type": [
       "Water"
     ],
@@ -215,7 +215,7 @@
     "id": 8,
     "num": "008",
     "name": "Wartortle",
-    "img": "http://www.serebii.net/pokemongo/pokemon/008.png",
+    "img": "http://www.serebii.net/go//008.png",
     "type": [
       "Water"
     ],
@@ -244,7 +244,7 @@
     "id": 9,
     "num": "009",
     "name": "Blastoise",
-    "img": "http://www.serebii.net/pokemongo/pokemon/009.png",
+    "img": "http://www.serebii.net/go//009.png",
     "type": [
       "Water"
     ],
@@ -271,7 +271,7 @@
     "id": 10,
     "num": "010",
     "name": "Caterpie",
-    "img": "http://www.serebii.net/pokemongo/pokemon/010.png",
+    "img": "http://www.serebii.net/go//010.png",
     "type": [
       "Bug"
     ],
@@ -300,7 +300,7 @@
     "id": 11,
     "num": "011",
     "name": "Metapod",
-    "img": "http://www.serebii.net/pokemongo/pokemon/011.png",
+    "img": "http://www.serebii.net/go//011.png",
     "type": [
       "Bug"
     ],
@@ -333,7 +333,7 @@
     "id": 12,
     "num": "012",
     "name": "Butterfree",
-    "img": "http://www.serebii.net/pokemongo/pokemon/012.png",
+    "img": "http://www.serebii.net/go//012.png",
     "type": [
       "Bug",
       "Flying"
@@ -364,7 +364,7 @@
     "id": 13,
     "num": "013",
     "name": "Weedle",
-    "img": "http://www.serebii.net/pokemongo/pokemon/013.png",
+    "img": "http://www.serebii.net/go//013.png",
     "type": [
       "Bug",
       "Poison"
@@ -398,7 +398,7 @@
     "id": 14,
     "num": "014",
     "name": "Kakuna",
-    "img": "http://www.serebii.net/pokemongo/pokemon/014.png",
+    "img": "http://www.serebii.net/go//014.png",
     "type": [
       "Bug",
       "Poison"
@@ -433,7 +433,7 @@
     "id": 15,
     "num": "015",
     "name": "Beedrill",
-    "img": "http://www.serebii.net/pokemongo/pokemon/015.png",
+    "img": "http://www.serebii.net/go//015.png",
     "type": [
       "Bug",
       "Poison"
@@ -463,7 +463,7 @@
     "id": 16,
     "num": "016",
     "name": "Pidgey",
-    "img": "http://www.serebii.net/pokemongo/pokemon/016.png",
+    "img": "http://www.serebii.net/go//016.png",
     "type": [
       "Normal",
       "Flying"
@@ -495,7 +495,7 @@
     "id": 17,
     "num": "017",
     "name": "Pidgeotto",
-    "img": "http://www.serebii.net/pokemongo/pokemon/017.png",
+    "img": "http://www.serebii.net/go//017.png",
     "type": [
       "Normal",
       "Flying"
@@ -525,7 +525,7 @@
     "id": 18,
     "num": "018",
     "name": "Pidgeot",
-    "img": "http://www.serebii.net/pokemongo/pokemon/018.png",
+    "img": "http://www.serebii.net/go//018.png",
     "type": [
       "Normal",
       "Flying"
@@ -553,7 +553,7 @@
     "id": 19,
     "num": "019",
     "name": "Rattata",
-    "img": "http://www.serebii.net/pokemongo/pokemon/019.png",
+    "img": "http://www.serebii.net/go//019.png",
     "type": [
       "Normal"
     ],
@@ -580,7 +580,7 @@
     "id": 20,
     "num": "020",
     "name": "Raticate",
-    "img": "http://www.serebii.net/pokemongo/pokemon/020.png",
+    "img": "http://www.serebii.net/go//020.png",
     "type": [
       "Normal"
     ],
@@ -603,7 +603,7 @@
     "id": 21,
     "num": "021",
     "name": "Spearow",
-    "img": "http://www.serebii.net/pokemongo/pokemon/021.png",
+    "img": "http://www.serebii.net/go//021.png",
     "type": [
       "Normal",
       "Flying"
@@ -632,7 +632,7 @@
     "id": 22,
     "num": "022",
     "name": "Fearow",
-    "img": "http://www.serebii.net/pokemongo/pokemon/022.png",
+    "img": "http://www.serebii.net/go//022.png",
     "type": [
       "Normal",
       "Flying"
@@ -657,7 +657,7 @@
     "id": 23,
     "num": "023",
     "name": "Ekans",
-    "img": "http://www.serebii.net/pokemongo/pokemon/023.png",
+    "img": "http://www.serebii.net/go//023.png",
     "type": [
       "Poison"
     ],
@@ -685,7 +685,7 @@
     "id": 24,
     "num": "024",
     "name": "Arbok",
-    "img": "http://www.serebii.net/pokemongo/pokemon/024.png",
+    "img": "http://www.serebii.net/go//024.png",
     "type": [
       "Poison"
     ],
@@ -709,7 +709,7 @@
     "id": 25,
     "num": "025",
     "name": "Pikachu",
-    "img": "http://www.serebii.net/pokemongo/pokemon/025.png",
+    "img": "http://www.serebii.net/go//025.png",
     "type": [
       "Electric"
     ],
@@ -733,7 +733,7 @@
     "id": 26,
     "num": "026",
     "name": "Raichu",
-    "img": "http://www.serebii.net/pokemongo/pokemon/026.png",
+    "img": "http://www.serebii.net/go//026.png",
     "type": [
       "Electric"
     ],
@@ -756,7 +756,7 @@
     "id": 27,
     "num": "027",
     "name": "Sandshrew",
-    "img": "http://www.serebii.net/pokemongo/pokemon/027.png",
+    "img": "http://www.serebii.net/go//027.png",
     "type": [
       "Ground"
     ],
@@ -782,7 +782,7 @@
     "id": 28,
     "num": "028",
     "name": "Sandslash",
-    "img": "http://www.serebii.net/pokemongo/pokemon/028.png",
+    "img": "http://www.serebii.net/go//028.png",
     "type": [
       "Ground"
     ],
@@ -807,7 +807,7 @@
     "id": 29,
     "num": "029",
     "name": "Nidoran ♀ (Female)",
-    "img": "http://www.serebii.net/pokemongo/pokemon/029.png",
+    "img": "http://www.serebii.net/go//029.png",
     "type": [
       "Poison"
     ],
@@ -838,7 +838,7 @@
     "id": 30,
     "num": "030",
     "name": "Nidorina",
-    "img": "http://www.serebii.net/pokemongo/pokemon/030.png",
+    "img": "http://www.serebii.net/go//030.png",
     "type": [
       "Poison"
     ],
@@ -870,7 +870,7 @@
     "id": 31,
     "num": "031",
     "name": "Nidoqueen",
-    "img": "http://www.serebii.net/pokemongo/pokemon/031.png",
+    "img": "http://www.serebii.net/go//031.png",
     "type": [
       "Poison",
       "Ground"
@@ -900,7 +900,7 @@
     "id": 32,
     "num": "032",
     "name": "Nidoran ♂ (Male)",
-    "img": "http://www.serebii.net/pokemongo/pokemon/032.png",
+    "img": "http://www.serebii.net/go//032.png",
     "type": [
       "Poison"
     ],
@@ -931,7 +931,7 @@
     "id": 33,
     "num": "033",
     "name": "Nidorino",
-    "img": "http://www.serebii.net/pokemongo/pokemon/033.png",
+    "img": "http://www.serebii.net/go//033.png",
     "type": [
       "Poison"
     ],
@@ -960,7 +960,7 @@
     "id": 34,
     "num": "034",
     "name": "Nidoking",
-    "img": "http://www.serebii.net/pokemongo/pokemon/034.png",
+    "img": "http://www.serebii.net/go//034.png",
     "type": [
       "Poison",
       "Ground"
@@ -990,7 +990,7 @@
     "id": 35,
     "num": "035",
     "name": "Clefairy",
-    "img": "http://www.serebii.net/pokemongo/pokemon/035.png",
+    "img": "http://www.serebii.net/go//035.png",
     "type": [
       "Normal"
     ],
@@ -1017,7 +1017,7 @@
     "id": 36,
     "num": "036",
     "name": "Clefable",
-    "img": "http://www.serebii.net/pokemongo/pokemon/036.png",
+    "img": "http://www.serebii.net/go//036.png",
     "type": [
       "Normal"
     ],
@@ -1040,7 +1040,7 @@
     "id": 37,
     "num": "037",
     "name": "Vulpix",
-    "img": "http://www.serebii.net/pokemongo/pokemon/037.png",
+    "img": "http://www.serebii.net/go//037.png",
     "type": [
       "Fire"
     ],
@@ -1069,7 +1069,7 @@
     "id": 38,
     "num": "038",
     "name": "Ninetales",
-    "img": "http://www.serebii.net/pokemongo/pokemon/038.png",
+    "img": "http://www.serebii.net/go//038.png",
     "type": [
       "Fire"
     ],
@@ -1094,7 +1094,7 @@
     "id": 39,
     "num": "039",
     "name": "Jigglypuff",
-    "img": "http://www.serebii.net/pokemongo/pokemon/039.png",
+    "img": "http://www.serebii.net/go//039.png",
     "type": [
       "Normal"
     ],
@@ -1118,7 +1118,7 @@
     "id": 40,
     "num": "040",
     "name": "Wigglytuff",
-    "img": "http://www.serebii.net/pokemongo/pokemon/040.png",
+    "img": "http://www.serebii.net/go//040.png",
     "type": [
       "Normal"
     ],
@@ -1141,7 +1141,7 @@
     "id": 41,
     "num": "041",
     "name": "Zubat",
-    "img": "http://www.serebii.net/pokemongo/pokemon/041.png",
+    "img": "http://www.serebii.net/go//041.png",
     "type": [
       "Poison",
       "Flying"
@@ -1172,7 +1172,7 @@
     "id": 42,
     "num": "042",
     "name": "Golbat",
-    "img": "http://www.serebii.net/pokemongo/pokemon/042.png",
+    "img": "http://www.serebii.net/go//042.png",
     "type": [
       "Poison",
       "Flying"
@@ -1199,7 +1199,7 @@
     "id": 43,
     "num": "043",
     "name": "Oddish",
-    "img": "http://www.serebii.net/pokemongo/pokemon/043.png",
+    "img": "http://www.serebii.net/go//043.png",
     "type": [
       "Grass",
       "Poison"
@@ -1230,7 +1230,7 @@
     "id": 44,
     "num": "044",
     "name": "Gloom",
-    "img": "http://www.serebii.net/pokemongo/pokemon/044.png",
+    "img": "http://www.serebii.net/go//044.png",
     "type": [
       "Grass",
       "Poison"
@@ -1262,7 +1262,7 @@
     "id": 45,
     "num": "045",
     "name": "Vileplume",
-    "img": "http://www.serebii.net/pokemongo/pokemon/045.png",
+    "img": "http://www.serebii.net/go//045.png",
     "type": [
       "Grass",
       "Poison"
@@ -1292,7 +1292,7 @@
     "id": 46,
     "num": "046",
     "name": "Paras",
-    "img": "http://www.serebii.net/pokemongo/pokemon/046.png",
+    "img": "http://www.serebii.net/go//046.png",
     "type": [
       "Bug",
       "Grass"
@@ -1322,7 +1322,7 @@
     "id": 47,
     "num": "047",
     "name": "Parasect",
-    "img": "http://www.serebii.net/pokemongo/pokemon/047.png",
+    "img": "http://www.serebii.net/go//047.png",
     "type": [
       "Bug",
       "Grass"
@@ -1351,7 +1351,7 @@
     "id": 48,
     "num": "048",
     "name": "Venonat",
-    "img": "http://www.serebii.net/pokemongo/pokemon/048.png",
+    "img": "http://www.serebii.net/go//048.png",
     "type": [
       "Bug",
       "Poison"
@@ -1382,7 +1382,7 @@
     "id": 49,
     "num": "049",
     "name": "Venomoth",
-    "img": "http://www.serebii.net/pokemongo/pokemon/049.png",
+    "img": "http://www.serebii.net/go//049.png",
     "type": [
       "Bug",
       "Poison"
@@ -1409,7 +1409,7 @@
     "id": 50,
     "num": "050",
     "name": "Diglett",
-    "img": "http://www.serebii.net/pokemongo/pokemon/050.png",
+    "img": "http://www.serebii.net/go//050.png",
     "type": [
       "Ground"
     ],
@@ -1435,7 +1435,7 @@
     "id": 51,
     "num": "051",
     "name": "Dugtrio",
-    "img": "http://www.serebii.net/pokemongo/pokemon/051.png",
+    "img": "http://www.serebii.net/go//051.png",
     "type": [
       "Ground"
     ],
@@ -1460,7 +1460,7 @@
     "id": 52,
     "num": "052",
     "name": "Meowth",
-    "img": "http://www.serebii.net/pokemongo/pokemon/052.png",
+    "img": "http://www.serebii.net/go//052.png",
     "type": [
       "Normal"
     ],
@@ -1484,7 +1484,7 @@
     "id": 53,
     "num": "053",
     "name": "Persian",
-    "img": "http://www.serebii.net/pokemongo/pokemon/053.png",
+    "img": "http://www.serebii.net/go//053.png",
     "type": [
       "Normal"
     ],
@@ -1507,7 +1507,7 @@
     "id": 54,
     "num": "054",
     "name": "Psyduck",
-    "img": "http://www.serebii.net/pokemongo/pokemon/054.png",
+    "img": "http://www.serebii.net/go//054.png",
     "type": [
       "Water"
     ],
@@ -1532,7 +1532,7 @@
     "id": 55,
     "num": "055",
     "name": "Golduck",
-    "img": "http://www.serebii.net/pokemongo/pokemon/055.png",
+    "img": "http://www.serebii.net/go//055.png",
     "type": [
       "Water"
     ],
@@ -1556,7 +1556,7 @@
     "id": 56,
     "num": "056",
     "name": "Mankey",
-    "img": "http://www.serebii.net/pokemongo/pokemon/056.png",
+    "img": "http://www.serebii.net/go//056.png",
     "type": [
       "Fighting"
     ],
@@ -1585,7 +1585,7 @@
     "id": 57,
     "num": "057",
     "name": "Primeape",
-    "img": "http://www.serebii.net/pokemongo/pokemon/057.png",
+    "img": "http://www.serebii.net/go//057.png",
     "type": [
       "Fighting"
     ],
@@ -1610,7 +1610,7 @@
     "id": 58,
     "num": "058",
     "name": "Growlithe",
-    "img": "http://www.serebii.net/pokemongo/pokemon/058.png",
+    "img": "http://www.serebii.net/go//058.png",
     "type": [
       "Fire"
     ],
@@ -1639,7 +1639,7 @@
     "id": 59,
     "num": "059",
     "name": "Arcanine",
-    "img": "http://www.serebii.net/pokemongo/pokemon/059.png",
+    "img": "http://www.serebii.net/go//059.png",
     "type": [
       "Fire"
     ],
@@ -1664,7 +1664,7 @@
     "id": 60,
     "num": "060",
     "name": "Poliwag",
-    "img": "http://www.serebii.net/pokemongo/pokemon/060.png",
+    "img": "http://www.serebii.net/go//060.png",
     "type": [
       "Water"
     ],
@@ -1695,7 +1695,7 @@
     "id": 61,
     "num": "061",
     "name": "Poliwhirl",
-    "img": "http://www.serebii.net/pokemongo/pokemon/061.png",
+    "img": "http://www.serebii.net/go//061.png",
     "type": [
       "Water"
     ],
@@ -1724,7 +1724,7 @@
     "id": 62,
     "num": "062",
     "name": "Poliwrath",
-    "img": "http://www.serebii.net/pokemongo/pokemon/062.png",
+    "img": "http://www.serebii.net/go//062.png",
     "type": [
       "Water",
       "Fighting"
@@ -1755,7 +1755,7 @@
     "id": 63,
     "num": "063",
     "name": "Abra",
-    "img": "http://www.serebii.net/pokemongo/pokemon/063.png",
+    "img": "http://www.serebii.net/go//063.png",
     "type": [
       "Psychic"
     ],
@@ -1787,7 +1787,7 @@
     "id": 64,
     "num": "064",
     "name": "Kadabra",
-    "img": "http://www.serebii.net/pokemongo/pokemon/064.png",
+    "img": "http://www.serebii.net/go//064.png",
     "type": [
       "Psychic"
     ],
@@ -1817,7 +1817,7 @@
     "id": 65,
     "num": "065",
     "name": "Alakazam",
-    "img": "http://www.serebii.net/pokemongo/pokemon/065.png",
+    "img": "http://www.serebii.net/go//065.png",
     "type": [
       "Psychic"
     ],
@@ -1845,7 +1845,7 @@
     "id": 66,
     "num": "066",
     "name": "Machop",
-    "img": "http://www.serebii.net/pokemongo/pokemon/066.png",
+    "img": "http://www.serebii.net/go//066.png",
     "type": [
       "Fighting"
     ],
@@ -1877,7 +1877,7 @@
     "id": 67,
     "num": "067",
     "name": "Machoke",
-    "img": "http://www.serebii.net/pokemongo/pokemon/067.png",
+    "img": "http://www.serebii.net/go//067.png",
     "type": [
       "Fighting"
     ],
@@ -1907,7 +1907,7 @@
     "id": 68,
     "num": "068",
     "name": "Machamp",
-    "img": "http://www.serebii.net/pokemongo/pokemon/068.png",
+    "img": "http://www.serebii.net/go//068.png",
     "type": [
       "Fighting"
     ],
@@ -1935,7 +1935,7 @@
     "id": 69,
     "num": "069",
     "name": "Bellsprout",
-    "img": "http://www.serebii.net/pokemongo/pokemon/069.png",
+    "img": "http://www.serebii.net/go//069.png",
     "type": [
       "Grass",
       "Poison"
@@ -1966,7 +1966,7 @@
     "id": 70,
     "num": "070",
     "name": "Weepinbell",
-    "img": "http://www.serebii.net/pokemongo/pokemon/070.png",
+    "img": "http://www.serebii.net/go//070.png",
     "type": [
       "Grass",
       "Poison"
@@ -1998,7 +1998,7 @@
     "id": 71,
     "num": "071",
     "name": "Victreebel",
-    "img": "http://www.serebii.net/pokemongo/pokemon/071.png",
+    "img": "http://www.serebii.net/go//071.png",
     "type": [
       "Grass",
       "Poison"
@@ -2028,7 +2028,7 @@
     "id": 72,
     "num": "072",
     "name": "Tentacool",
-    "img": "http://www.serebii.net/pokemongo/pokemon/072.png",
+    "img": "http://www.serebii.net/go//072.png",
     "type": [
       "Water",
       "Poison"
@@ -2055,7 +2055,7 @@
     "id": 73,
     "num": "073",
     "name": "Tentacruel",
-    "img": "http://www.serebii.net/pokemongo/pokemon/073.png",
+    "img": "http://www.serebii.net/go//073.png",
     "type": [
       "Water",
       "Poison"
@@ -2081,7 +2081,7 @@
     "id": 74,
     "num": "074",
     "name": "Geodude",
-    "img": "http://www.serebii.net/pokemongo/pokemon/074.png",
+    "img": "http://www.serebii.net/go//074.png",
     "type": [
       "Rock",
       "Ground"
@@ -2117,7 +2117,7 @@
     "id": 75,
     "num": "075",
     "name": "Graveler",
-    "img": "http://www.serebii.net/pokemongo/pokemon/075.png",
+    "img": "http://www.serebii.net/go//075.png",
     "type": [
       "Rock",
       "Ground"
@@ -2154,7 +2154,7 @@
     "id": 76,
     "num": "076",
     "name": "Golem",
-    "img": "http://www.serebii.net/pokemongo/pokemon/076.png",
+    "img": "http://www.serebii.net/go//076.png",
     "type": [
       "Rock",
       "Ground"
@@ -2186,7 +2186,7 @@
     "id": 77,
     "num": "077",
     "name": "Ponyta",
-    "img": "http://www.serebii.net/pokemongo/pokemon/077.png",
+    "img": "http://www.serebii.net/go//077.png",
     "type": [
       "Fire"
     ],
@@ -2215,7 +2215,7 @@
     "id": 78,
     "num": "078",
     "name": "Rapidash",
-    "img": "http://www.serebii.net/pokemongo/pokemon/078.png",
+    "img": "http://www.serebii.net/go//078.png",
     "type": [
       "Fire"
     ],
@@ -2240,7 +2240,7 @@
     "id": 79,
     "num": "079",
     "name": "Slowpoke",
-    "img": "http://www.serebii.net/pokemongo/pokemon/079.png",
+    "img": "http://www.serebii.net/go//079.png",
     "type": [
       "Water",
       "Psychic"
@@ -2269,7 +2269,7 @@
     "id": 80,
     "num": "080",
     "name": "Slowbro",
-    "img": "http://www.serebii.net/pokemongo/pokemon/080.png",
+    "img": "http://www.serebii.net/go//080.png",
     "type": [
       "Water",
       "Psychic"
@@ -2297,7 +2297,7 @@
     "id": 81,
     "num": "081",
     "name": "Magnemite",
-    "img": "http://www.serebii.net/pokemongo/pokemon/081.png",
+    "img": "http://www.serebii.net/go//081.png",
     "type": [
       "Electric"
     ],
@@ -2326,7 +2326,7 @@
     "id": 82,
     "num": "082",
     "name": "Magneton",
-    "img": "http://www.serebii.net/pokemongo/pokemon/082.png",
+    "img": "http://www.serebii.net/go//082.png",
     "type": [
       "Electric"
     ],
@@ -2351,7 +2351,7 @@
     "id": 83,
     "num": "083",
     "name": "Farfetch'd",
-    "img": "http://www.serebii.net/pokemongo/pokemon/083.png",
+    "img": "http://www.serebii.net/go//083.png",
     "type": [
       "Normal",
       "Flying"
@@ -2372,7 +2372,7 @@
     "id": 84,
     "num": "084",
     "name": "Doduo",
-    "img": "http://www.serebii.net/pokemongo/pokemon/084.png",
+    "img": "http://www.serebii.net/go//084.png",
     "type": [
       "Normal",
       "Flying"
@@ -2401,7 +2401,7 @@
     "id": 85,
     "num": "085",
     "name": "Dodrio",
-    "img": "http://www.serebii.net/pokemongo/pokemon/085.png",
+    "img": "http://www.serebii.net/go//085.png",
     "type": [
       "Normal",
       "Flying"
@@ -2426,7 +2426,7 @@
     "id": 86,
     "num": "086",
     "name": "Seel",
-    "img": "http://www.serebii.net/pokemongo/pokemon/086.png",
+    "img": "http://www.serebii.net/go//086.png",
     "type": [
       "Water"
     ],
@@ -2454,7 +2454,7 @@
     "id": 87,
     "num": "087",
     "name": "Dewgong",
-    "img": "http://www.serebii.net/pokemongo/pokemon/087.png",
+    "img": "http://www.serebii.net/go//087.png",
     "type": [
       "Water",
       "Ice"
@@ -2481,7 +2481,7 @@
     "id": 88,
     "num": "088",
     "name": "Grimer",
-    "img": "http://www.serebii.net/pokemongo/pokemon/088.png",
+    "img": "http://www.serebii.net/go//088.png",
     "type": [
       "Poison"
     ],
@@ -2506,7 +2506,7 @@
     "id": 89,
     "num": "089",
     "name": "Muk",
-    "img": "http://www.serebii.net/pokemongo/pokemon/089.png",
+    "img": "http://www.serebii.net/go//089.png",
     "type": [
       "Poison"
     ],
@@ -2530,7 +2530,7 @@
     "id": 90,
     "num": "090",
     "name": "Shellder",
-    "img": "http://www.serebii.net/pokemongo/pokemon/090.png",
+    "img": "http://www.serebii.net/go//090.png",
     "type": [
       "Water"
     ],
@@ -2555,7 +2555,7 @@
     "id": 91,
     "num": "091",
     "name": "Cloyster",
-    "img": "http://www.serebii.net/pokemongo/pokemon/091.png",
+    "img": "http://www.serebii.net/go//091.png",
     "type": [
       "Water",
       "Ice"
@@ -2582,7 +2582,7 @@
     "id": 92,
     "num": "092",
     "name": "Gastly",
-    "img": "http://www.serebii.net/pokemongo/pokemon/092.png",
+    "img": "http://www.serebii.net/go//092.png",
     "type": [
       "Ghost",
       "Poison"
@@ -2613,7 +2613,7 @@
     "id": 93,
     "num": "093",
     "name": "Haunter",
-    "img": "http://www.serebii.net/pokemongo/pokemon/093.png",
+    "img": "http://www.serebii.net/go//093.png",
     "type": [
       "Ghost",
       "Poison"
@@ -2648,7 +2648,7 @@
     "id": 94,
     "num": "094",
     "name": "Gengar",
-    "img": "http://www.serebii.net/pokemongo/pokemon/094.png",
+    "img": "http://www.serebii.net/go//094.png",
     "type": [
       "Ghost",
       "Poison"
@@ -2678,7 +2678,7 @@
     "id": 95,
     "num": "095",
     "name": "Onix",
-    "img": "http://www.serebii.net/pokemongo/pokemon/095.png",
+    "img": "http://www.serebii.net/go//095.png",
     "type": [
       "Rock",
       "Ground"
@@ -2703,7 +2703,7 @@
     "id": 96,
     "num": "096",
     "name": "Drowzee",
-    "img": "http://www.serebii.net/pokemongo/pokemon/096.png",
+    "img": "http://www.serebii.net/go//096.png",
     "type": [
       "Psychic"
     ],
@@ -2732,7 +2732,7 @@
     "id": 97,
     "num": "097",
     "name": "Hypno",
-    "img": "http://www.serebii.net/pokemongo/pokemon/097.png",
+    "img": "http://www.serebii.net/go//097.png",
     "type": [
       "Psychic"
     ],
@@ -2757,7 +2757,7 @@
     "id": 98,
     "num": "098",
     "name": "Krabby",
-    "img": "http://www.serebii.net/pokemongo/pokemon/098.png",
+    "img": "http://www.serebii.net/go//098.png",
     "type": [
       "Water"
     ],
@@ -2785,7 +2785,7 @@
     "id": 99,
     "num": "099",
     "name": "Kingler",
-    "img": "http://www.serebii.net/pokemongo/pokemon/099.png",
+    "img": "http://www.serebii.net/go//099.png",
     "type": [
       "Water"
     ],
@@ -2809,7 +2809,7 @@
     "id": 100,
     "num": "100",
     "name": "Voltorb",
-    "img": "http://www.serebii.net/pokemongo/pokemon/100.png",
+    "img": "http://www.serebii.net/go//100.png",
     "type": [
       "Electric"
     ],
@@ -2836,7 +2836,7 @@
     "id": 101,
     "num": "101",
     "name": "Electrode",
-    "img": "http://www.serebii.net/pokemongo/pokemon/101.png",
+    "img": "http://www.serebii.net/go//101.png",
     "type": [
       "Electric"
     ],
@@ -2859,7 +2859,7 @@
     "id": 102,
     "num": "102",
     "name": "Exeggcute",
-    "img": "http://www.serebii.net/pokemongo/pokemon/102.png",
+    "img": "http://www.serebii.net/go//102.png",
     "type": [
       "Grass",
       "Psychic"
@@ -2893,7 +2893,7 @@
     "id": 103,
     "num": "103",
     "name": "Exeggutor",
-    "img": "http://www.serebii.net/pokemongo/pokemon/103.png",
+    "img": "http://www.serebii.net/go//103.png",
     "type": [
       "Grass",
       "Psychic"
@@ -2923,7 +2923,7 @@
     "id": 104,
     "num": "104",
     "name": "Cubone",
-    "img": "http://www.serebii.net/pokemongo/pokemon/104.png",
+    "img": "http://www.serebii.net/go//104.png",
     "type": [
       "Ground"
     ],
@@ -2949,7 +2949,7 @@
     "id": 105,
     "num": "105",
     "name": "Marowak",
-    "img": "http://www.serebii.net/pokemongo/pokemon/105.png",
+    "img": "http://www.serebii.net/go//105.png",
     "type": [
       "Ground"
     ],
@@ -2974,7 +2974,7 @@
     "id": 106,
     "num": "106",
     "name": "Hitmonlee",
-    "img": "http://www.serebii.net/pokemongo/pokemon/106.png",
+    "img": "http://www.serebii.net/go//106.png",
     "type": [
       "Fighting"
     ],
@@ -2995,7 +2995,7 @@
     "id": 107,
     "num": "107",
     "name": "Hitmonchan",
-    "img": "http://www.serebii.net/pokemongo/pokemon/107.png",
+    "img": "http://www.serebii.net/go//107.png",
     "type": [
       "Fighting"
     ],
@@ -3016,7 +3016,7 @@
     "id": 108,
     "num": "108",
     "name": "Lickitung",
-    "img": "http://www.serebii.net/pokemongo/pokemon/108.png",
+    "img": "http://www.serebii.net/go//108.png",
     "type": [
       "Normal"
     ],
@@ -3035,7 +3035,7 @@
     "id": 109,
     "num": "109",
     "name": "Koffing",
-    "img": "http://www.serebii.net/pokemongo/pokemon/109.png",
+    "img": "http://www.serebii.net/go//109.png",
     "type": [
       "Poison"
     ],
@@ -3060,7 +3060,7 @@
     "id": 110,
     "num": "110",
     "name": "Weezing",
-    "img": "http://www.serebii.net/pokemongo/pokemon/110.png",
+    "img": "http://www.serebii.net/go//110.png",
     "type": [
       "Poison"
     ],
@@ -3084,7 +3084,7 @@
     "id": 111,
     "num": "111",
     "name": "Rhyhorn",
-    "img": "http://www.serebii.net/pokemongo/pokemon/111.png",
+    "img": "http://www.serebii.net/go//111.png",
     "type": [
       "Ground",
       "Rock"
@@ -3114,7 +3114,7 @@
     "id": 112,
     "num": "112",
     "name": "Rhydon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/112.png",
+    "img": "http://www.serebii.net/go//112.png",
     "type": [
       "Ground",
       "Rock"
@@ -3143,7 +3143,7 @@
     "id": 113,
     "num": "113",
     "name": "Chansey",
-    "img": "http://www.serebii.net/pokemongo/pokemon/113.png",
+    "img": "http://www.serebii.net/go//113.png",
     "type": [
       "Normal"
     ],
@@ -3162,7 +3162,7 @@
     "id": 114,
     "num": "114",
     "name": "Tangela",
-    "img": "http://www.serebii.net/pokemongo/pokemon/114.png",
+    "img": "http://www.serebii.net/go//114.png",
     "type": [
       "Grass"
     ],
@@ -3185,7 +3185,7 @@
     "id": 115,
     "num": "115",
     "name": "Kangaskhan",
-    "img": "http://www.serebii.net/pokemongo/pokemon/115.png",
+    "img": "http://www.serebii.net/go//115.png",
     "type": [
       "Normal"
     ],
@@ -3204,7 +3204,7 @@
     "id": 116,
     "num": "116",
     "name": "Horsea",
-    "img": "http://www.serebii.net/pokemongo/pokemon/116.png",
+    "img": "http://www.serebii.net/go//116.png",
     "type": [
       "Water"
     ],
@@ -3229,7 +3229,7 @@
     "id": 117,
     "num": "117",
     "name": "Seadra",
-    "img": "http://www.serebii.net/pokemongo/pokemon/117.png",
+    "img": "http://www.serebii.net/go//117.png",
     "type": [
       "Water"
     ],
@@ -3253,7 +3253,7 @@
     "id": 118,
     "num": "118",
     "name": "Goldeen",
-    "img": "http://www.serebii.net/pokemongo/pokemon/118.png",
+    "img": "http://www.serebii.net/go//118.png",
     "type": [
       "Water"
     ],
@@ -3281,7 +3281,7 @@
     "id": 119,
     "num": "119",
     "name": "Seaking",
-    "img": "http://www.serebii.net/pokemongo/pokemon/119.png",
+    "img": "http://www.serebii.net/go//119.png",
     "type": [
       "Water"
     ],
@@ -3305,7 +3305,7 @@
     "id": 120,
     "num": "120",
     "name": "Staryu",
-    "img": "http://www.serebii.net/pokemongo/pokemon/120.png",
+    "img": "http://www.serebii.net/go//120.png",
     "type": [
       "Water"
     ],
@@ -3333,7 +3333,7 @@
     "id": 121,
     "num": "121",
     "name": "Starmie",
-    "img": "http://www.serebii.net/pokemongo/pokemon/121.png",
+    "img": "http://www.serebii.net/go//121.png",
     "type": [
       "Water",
       "Psychic"
@@ -3361,7 +3361,7 @@
     "id": 122,
     "num": "122",
     "name": "Mr. Mime",
-    "img": "http://www.serebii.net/pokemongo/pokemon/122.png",
+    "img": "http://www.serebii.net/go//122.png",
     "type": [
       "Psychic"
     ],
@@ -3382,7 +3382,7 @@
     "id": 123,
     "num": "123",
     "name": "Scyther",
-    "img": "http://www.serebii.net/pokemongo/pokemon/123.png",
+    "img": "http://www.serebii.net/go//123.png",
     "type": [
       "Bug",
       "Flying"
@@ -3406,7 +3406,7 @@
     "id": 124,
     "num": "124",
     "name": "Jynx",
-    "img": "http://www.serebii.net/pokemongo/pokemon/124.png",
+    "img": "http://www.serebii.net/go//124.png",
     "type": [
       "Ice",
       "Psychic"
@@ -3431,7 +3431,7 @@
     "id": 125,
     "num": "125",
     "name": "Electabuzz",
-    "img": "http://www.serebii.net/pokemongo/pokemon/125.png",
+    "img": "http://www.serebii.net/go//125.png",
     "type": [
       "Electric"
     ],
@@ -3450,7 +3450,7 @@
     "id": 126,
     "num": "126",
     "name": "Magmar",
-    "img": "http://www.serebii.net/pokemongo/pokemon/126.png",
+    "img": "http://www.serebii.net/go//126.png",
     "type": [
       "Fire"
     ],
@@ -3471,7 +3471,7 @@
     "id": 127,
     "num": "127",
     "name": "Pinsir",
-    "img": "http://www.serebii.net/pokemongo/pokemon/127.png",
+    "img": "http://www.serebii.net/go//127.png",
     "type": [
       "Bug"
     ],
@@ -3492,7 +3492,7 @@
     "id": 128,
     "num": "128",
     "name": "Tauros",
-    "img": "http://www.serebii.net/pokemongo/pokemon/128.png",
+    "img": "http://www.serebii.net/go//128.png",
     "type": [
       "Normal"
     ],
@@ -3511,7 +3511,7 @@
     "id": 129,
     "num": "129",
     "name": "Magikarp",
-    "img": "http://www.serebii.net/pokemongo/pokemon/129.png",
+    "img": "http://www.serebii.net/go//129.png",
     "type": [
       "Water"
     ],
@@ -3539,7 +3539,7 @@
     "id": 130,
     "num": "130",
     "name": "Gyarados",
-    "img": "http://www.serebii.net/pokemongo/pokemon/130.png",
+    "img": "http://www.serebii.net/go//130.png",
     "type": [
       "Water",
       "Flying"
@@ -3564,7 +3564,7 @@
     "id": 131,
     "num": "131",
     "name": "Lapras",
-    "img": "http://www.serebii.net/pokemongo/pokemon/131.png",
+    "img": "http://www.serebii.net/go//131.png",
     "type": [
       "Water",
       "Ice"
@@ -3587,7 +3587,7 @@
     "id": 132,
     "num": "132",
     "name": "Ditto",
-    "img": "http://www.serebii.net/pokemongo/pokemon/132.png",
+    "img": "http://www.serebii.net/go//132.png",
     "type": [
       "Normal"
     ],
@@ -3606,7 +3606,7 @@
     "id": 133,
     "num": "133",
     "name": "Eevee",
-    "img": "http://www.serebii.net/pokemongo/pokemon/133.png",
+    "img": "http://www.serebii.net/go//133.png",
     "type": [
       "Normal"
     ],
@@ -3639,7 +3639,7 @@
     "id": 134,
     "num": "134",
     "name": "Vaporeon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/134.png",
+    "img": "http://www.serebii.net/go//134.png",
     "type": [
       "Water"
     ],
@@ -3663,7 +3663,7 @@
     "id": 135,
     "num": "135",
     "name": "Jolteon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/135.png",
+    "img": "http://www.serebii.net/go//135.png",
     "type": [
       "Electric"
     ],
@@ -3686,7 +3686,7 @@
     "id": 136,
     "num": "136",
     "name": "Flareon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/136.png",
+    "img": "http://www.serebii.net/go//136.png",
     "type": [
       "Fire"
     ],
@@ -3711,7 +3711,7 @@
     "id": 137,
     "num": "137",
     "name": "Porygon",
-    "img": "http://www.serebii.net/pokemongo/pokemon/137.png",
+    "img": "http://www.serebii.net/go//137.png",
     "type": [
       "Normal"
     ],
@@ -3730,7 +3730,7 @@
     "id": 138,
     "num": "138",
     "name": "Omanyte",
-    "img": "http://www.serebii.net/pokemongo/pokemon/138.png",
+    "img": "http://www.serebii.net/go//138.png",
     "type": [
       "Rock",
       "Water"
@@ -3758,7 +3758,7 @@
     "id": 139,
     "num": "139",
     "name": "Omastar",
-    "img": "http://www.serebii.net/pokemongo/pokemon/139.png",
+    "img": "http://www.serebii.net/go//139.png",
     "type": [
       "Rock",
       "Water"
@@ -3785,7 +3785,7 @@
     "id": 140,
     "num": "140",
     "name": "Kabuto",
-    "img": "http://www.serebii.net/pokemongo/pokemon/140.png",
+    "img": "http://www.serebii.net/go//140.png",
     "type": [
       "Rock",
       "Water"
@@ -3816,7 +3816,7 @@
     "id": 141,
     "num": "141",
     "name": "Kabutops",
-    "img": "http://www.serebii.net/pokemongo/pokemon/141.png",
+    "img": "http://www.serebii.net/go//141.png",
     "type": [
       "Rock",
       "Water"
@@ -3843,7 +3843,7 @@
     "id": 142,
     "num": "142",
     "name": "Aerodactyl",
-    "img": "http://www.serebii.net/pokemongo/pokemon/142.png",
+    "img": "http://www.serebii.net/go//142.png",
     "type": [
       "Rock",
       "Flying"
@@ -3867,7 +3867,7 @@
     "id": 143,
     "num": "143",
     "name": "Snorlax",
-    "img": "http://www.serebii.net/pokemongo/pokemon/143.png",
+    "img": "http://www.serebii.net/go//143.png",
     "type": [
       "Normal"
     ],
@@ -3886,7 +3886,7 @@
     "id": 144,
     "num": "144",
     "name": "Articuno",
-    "img": "http://www.serebii.net/pokemongo/pokemon/144.png",
+    "img": "http://www.serebii.net/go//144.png",
     "type": [
       "Ice",
       "Flying"
@@ -3909,7 +3909,7 @@
     "id": 145,
     "num": "145",
     "name": "Zapdos",
-    "img": "http://www.serebii.net/pokemongo/pokemon/145.png",
+    "img": "http://www.serebii.net/go//145.png",
     "type": [
       "Electric",
       "Flying"
@@ -3930,7 +3930,7 @@
     "id": 146,
     "num": "146",
     "name": "Moltres",
-    "img": "http://www.serebii.net/pokemongo/pokemon/146.png",
+    "img": "http://www.serebii.net/go//146.png",
     "type": [
       "Fire",
       "Flying"
@@ -3952,7 +3952,7 @@
     "id": 147,
     "num": "147",
     "name": "Dratini",
-    "img": "http://www.serebii.net/pokemongo/pokemon/147.png",
+    "img": "http://www.serebii.net/go//147.png",
     "type": [
       "Dragon"
     ],
@@ -3984,7 +3984,7 @@
     "id": 148,
     "num": "148",
     "name": "Dragonair",
-    "img": "http://www.serebii.net/pokemongo/pokemon/148.png",
+    "img": "http://www.serebii.net/go//148.png",
     "type": [
       "Dragon"
     ],
@@ -4014,7 +4014,7 @@
     "id": 149,
     "num": "149",
     "name": "Dragonite",
-    "img": "http://www.serebii.net/pokemongo/pokemon/149.png",
+    "img": "http://www.serebii.net/go//149.png",
     "type": [
       "Dragon",
       "Flying"
@@ -4044,7 +4044,7 @@
     "id": 150,
     "num": "150",
     "name": "Mewtwo",
-    "img": "http://www.serebii.net/pokemongo/pokemon/150.png",
+    "img": "http://www.serebii.net/go//150.png",
     "type": [
       "Psychic"
     ],
@@ -4065,7 +4065,7 @@
     "id": 151,
     "num": "151",
     "name": "Mew",
-    "img": "http://www.serebii.net/pokemongo/pokemon/151.png",
+    "img": "http://www.serebii.net/go//151.png",
     "type": [
       "Psychic"
     ],
diff --git a/src/index.html b/src/index.html
index 7c800043..c77b5be3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,14 +1,76 @@
 <!DOCTYPE html>
-<html lang="es">
-  <head>
-    <meta charset="UTF-8">
-    <title>Data Lovers</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <link rel="stylesheet" href="style.css" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="main.js"></script>
-  </body>
-</html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, user scalable=no, initial-scale=1.0, maximun-scale=1.0,minimun scale=1.0" />
+    <title>Pokemon</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+    <!-- <script src="script.js">
+</script> -->
+    <header>
+        <div class="element1">
+            <img src=https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Pok%C3%A9mon_GO_logo.svg/320px-Pok%C3%A9mon_GO_logo.svg.png>
+        </div>
+    </header>
+    <nav>
+        <div class="element2">
+            <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+            <input type="search" id="mySearch" name="question" class="textcamp">
+            <button id="search" class="searchbutton"><i class="fa fa-search"></i> Buscar por nombre o número</button>
+            <div id="pokeSearch">
+                <p> </p>
+            </div>
+        </div>
+    </nav>
+    <section>
+        <main>
+
+            <div class="centeredPrompt__item centeredPromptLabel">Pokédex</div>
+            <div class="centeredPrompt__item centeredPromptDetails">
+                <p>Pokédex es una enciclopedia de alta tecnología que los Entrenadores Pokémon utilizan para registrar las diversas especies con las que se encuentran durante su viaje como entrenadores. Realiza tu búsqueda por nombre o número. ¡Usa la búsqueda
+                    avanzada para encontrar Pokémon por su tipo y popularidad! Comienza tu viaje con Pokémon go!,</br> atrápalos a todos y conviértete en el mejor entrenador!</p>
+            </div>
+
+            <div class="pokeballelement">
+                <img class="pokeball" src=https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/110px-Pok%C3%A9_Ball_icon.svg.png>
+            </div>
+        </main>
+        <aside>
+            <div class="pokeType">Tipos de Pokémon</div>
+            <div class="element3" id="filterTypes">
+                <button class="boton_personalizado" id="Bug">Bicho</button>
+                <button class="boton_personalizado" id="Dragon">Dragón</button>
+                <button class="boton_personalizado" id="Normal">Normal</button>
+                <button class="boton_personalizado" id="Fire">Fuego</button>
+                <button class="boton_personalizado" id="Ghost">Fantasma</button>
+                <button class="boton_personalizado" id="Ground">Tierra</button>
+                <button class="boton_personalizado" id="Psychic">Psíquico</button>
+                <button class="boton_personalizado" id="Fighting">Lucha</button>
+                <button class="boton_personalizado " id="Poison">Veneno</button>
+                <button class="boton_personalizado " id="Rock">Roca</button>
+                <button class="boton_personalizado " id="Water">Agua</button>
+                <button class="boton_personalizado " id="Flying">Volador</button>
+                <button class="boton_personalizado " id="Grass">Planta</button>
+                <button class="boton_personalizado " id="Ice">Hielo</button>
+            </div>
+        </aside>
+        <section>
+            <div id="container">
+
+
+            </div>
+            <button id="hidePage">Borrar</button>
+
+        </section>
+
+    </section>
+    <script type="module " src="./main.js "></script>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 1463fecf..85ca9787 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,143 @@
-import { example } from './data.js';
+import data from './data/pokemon/pokemon.js';
+// import { typeFilter } from './data.js';
 
-console.log(example);
+const container = document.querySelector('#container');
 
+const list = data.pokemon;
+
+function drawPokemons(list) {
+    container.innerHTML = "" // borrar! antes al principio, no dentro del ciclo
+        // dibujar
+    list.forEach((poke) => {
+        const div = document.createElement('div');
+        div.innerHTML = `
+        <img src="${poke.img}" />
+        <h3>${poke.name}</h3>
+        <p>${poke.id}</p>
+    `;
+        container.appendChild(div);
+
+
+    });
+}
+
+// 1.- nodo
+let typeFilterButtons = document.querySelectorAll('.boton_personalizado');
+// 2.- listener
+typeFilterButtons.forEach((btn) => btn.addEventListener('click', filterBichos));
+// 3.- callback
+function filterBichos(event) {
+    let id = event.target.id;
+    let filteredList = filterByType(id);
+    console.log(filteredList);
+    drawPokemons(filteredList) // [{},{}]
+        // aqui 
+}
+// 4.- func aux
+function filterByType(type) {
+    return data.pokemon.filter(pokemon => pokemon.type.includes(type))
+}
+
+
+
+
+// 1.- ya que tenemos la lista ahora que? (recorrerla y dibujarla)
+// 2.- y si eso que fala (punto 1) lo hacemos una funcion para que se repita cada que clickean un tipo diferente
+
+// let pokeNameSearch = document.querySelector("#mySearch");
+// pokeNameSearch.
+
+const formulario = document.querySelector("#mySearch");
+const boton = document.querySelector("#search");
+const resultado = document.querySelector("#container");
+const filtrar = () => {
+    //console.log(formulario.value);
+    resultado.innerHTML = "";
+    const texto = formulario.value.toLowerCase();
+    for (let poke of list) {
+        let names = poke.name.toLowerCase()
+        if (names.indexOf(texto) !== -1)
+
+
+            drawPokemons(resultado);
+
+
+        if (resultado.innerHTML === "")
+            resultado.innerHTML += `< p > Poke no encontrado... </p>`;
+
+
+
+        boton.addEventListener("click", filtrar)
+    };
+}
+
+
+//console.log('typeFilterButton', typeFilterButton);
+
+// function myFunction() {
+//     document.getElementById("typeFilterButton").innerHTML = type.filter();
+// }
+
+
+
+
+// const typeFilter = list.filter(p => p.type.includes(""));
+// console.log(typeFilter);
+
+
+//typeFilterButton.addEventListener('click', typeFilter);
+
+// // nodos
+// const container = document.querySelector('#container');
+
+// function drawPokemons(list) {
+//     // dibujar
+//     list.forEach((poke) => {
+//         const div = document.createElement('div');
+//         div.innerHTML = `
+//         <img src="${poke.img}" />
+//         <h3>${poke.name}</h3>
+//         <p>${poke.id}</p>
+
+//     `;
+//         container.appendChild(div);
+
+
+//     });
+// }
+
+// //const electricType = list.filter((p) => p.type.includes('Electric'));
+// //console.log(electricType);
+// const fireType = list.filter((p) => p.type.includes('Fire'));
+// console.log(fireType);
+// const pokeNameSearch = list.filter((p) => p.name.includes(["Pikachu"]));
+// console.log(pokeNameSearch);
+
+// list.map((p) => console.log(p.name));
+// list.map((p) => console.log(p.type));
+
+
+
+
+// //drawPokemons(electricType);
+// drawPokemons(fireType);
+// drawPokemons(pokeNameSearch);
+// //document.getElementById("search").addEventListener("onclick", drawPokemons(pokemonTags));
+
+// let pokemonTags = [];
+// for (let i = 0; i < list.length; i++) {
+//     if (list[i].num === "015") {
+//         pokemonTags.push(list[i].name);
+//     }
+// }
+// (pokemonTags);
+
+
+// function segundapantalla() {
+//     let pantallas = document.getElementsByClassName("typeButton")
+//     pantallas.style = "display:none";
+//     document.getElementById("container").style.display = "block";
+// }
+
+
+// document.getElementById('hidePage').addEventListener('click', segundapantalla);
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index e69de29b..fc245234 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,132 @@
+header {
+    background-color: #FF1212;
+}
+
+.element1 {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.element2 {
+    text-align: center;
+    justify-content: center;
+    flex-direction: center;
+}
+
+.centeredPrompt__item+.centeredPrompt_item {
+    margin-top: 5px;
+}
+
+.centeredPromptIcon {
+    font-size: 30px;
+    line-height: 0;
+    font-weight: bold;
+}
+
+.centeredPromptLabel {
+    color: #000000;
+    font-size: 30px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.centeredPromptDetails {
+    color: #000000;
+    font-size: 16px;
+    margin-bottom: 10px;
+    text-align: center;
+}
+
+.pokeball {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.pokeType {
+    background-color: #FF1212;
+    font-family: 'Baloo 2', cursive;
+    -webkit-text-stroke: 1.5px #52505F;
+    color: transparent;
+    font-size: 40px;
+    text-align: center;
+}
+
+.boton_personalizado {
+    font-family: 'Baloo 2', cursive;
+    color: #52505F;
+    font-size: 12px;
+    text-align: center;
+    border: #5F48FF;
+    border-style: groove;
+    cursor: pointer;
+    height: 60px;
+    width: 200%;
+}
+
+.boton_personalizado:hover {
+    background-color: #FFCC01;
+}
+
+.element3 {
+    display: flex;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    text-align: center;
+    justify-content: center;
+    flex-direction: center;
+}
+
+#container {
+    border-radius: 5px;
+    padding: 10px;
+    background-color: rgb(255, 255, 255);
+    border: 2px solid #ffffff;
+    border-collapse: separate;
+    border-spacing: 10px 5px;
+    margin: 0 2px;
+    display: inline-flex;
+    text-align: center;
+    justify-content: space-around;
+    flex-direction: row;
+    flex-wrap: wrap;
+    position: center;
+    align-items: stretch;
+}
+
+#container div {
+    padding: 10px;
+    background-color: #ffffff;
+    border: 2px solid;
+    border-color: #000000;
+    border-radius: 15px;
+    top: 1;
+    left: 1;
+    display: flex;
+    text-align: center;
+    justify-content: space-around;
+    flex-direction: column;
+    flex-wrap: wrap;
+    position: center;
+    align-items: stretch;
+}
+
+#container p {
+    padding: 10px;
+    background-color: #ffffff;
+    border: 2px solid;
+    border-color: #000000;
+    border-radius: 15px;
+    top: 1;
+    left: 1;
+    display: flex;
+    text-align: center;
+    justify-content: space-around;
+    flex-direction: column;
+    flex-wrap: wrap;
+    position: center;
+    align-items: stretch;
+}
\ No newline at end of file