diff --git a/apis/fecth-pokemons.ts b/apis/fecth-pokemons.ts
index 1ac0103..d5cecba 100644
--- a/apis/fecth-pokemons.ts
+++ b/apis/fecth-pokemons.ts
@@ -13,9 +13,10 @@ export const loadPokemons = async (count: number): Promise<Pokemon[]> => {
     const responseDetails = await fetch(detailsURL);
     const jsonDetails: any = await responseDetails.json();
 
-    const { base_experience, height, weight, sprites } = jsonDetails;
+    const { id, base_experience, height, weight, sprites } = jsonDetails;
     const pokemonImg = sprites.other.dream_world.front_default;
 
+    pokemon.id = id;
     pokemon.experience = base_experience;
     pokemon.height = height;
     pokemon.weight = weight;
diff --git a/dom/load-details.js b/dom/load-details.js
new file mode 100644
index 0000000..3d779aa
--- /dev/null
+++ b/dom/load-details.js
@@ -0,0 +1,103 @@
+const fetchDetails = async (urlString) => {
+  const response = await fetch(urlString);
+  const jsonData = await response.json();
+
+  const { id, name, stats, sprites } = jsonData;
+  const pokemonImg = sprites.other.dream_world.front_default;
+  const [
+    hpStats,
+    attackStats,
+    defenseStat,
+    specialAttStats,
+    specialDefStats,
+    speedStats,
+  ] = stats;
+
+  console.log(id, name, hpStats.base_stat, attackStats.base_stat);
+  return {
+    name,
+    hpStats,
+    attackStats,
+    defenseStat,
+    specialAttStats,
+    specialDefStats,
+    speedStats,
+    pokemonImg,
+  };
+};
+
+window.addEventListener('DOMContentLoaded', async () => {
+  const currentUrl = localStorage.getItem('pokemonUrl');
+  console.log('URL', currentUrl);
+  const details = await fetchDetails(currentUrl);
+  const htmlContent = renderDetailsHtml(details);
+  document.querySelector('#root').innerHTML = htmlContent;
+  console.log(details);
+});
+
+const renderDetailsHtml = ({
+  name,
+  hpStats,
+  attackStats,
+  defenseStat,
+  specialAttStats,
+  specialDefStats,
+  speedStats,
+  pokemonImg,
+}) => {
+  return `
+    <h1>${name.toUpperCase()}</h1>
+    <hr />
+
+    <div class="row">
+      <div class="col-3" style="text-align: center;">
+        <img
+          src="${pokemonImg}"
+          />
+      </div>
+
+      <div class="col-9">
+        <div class="row mb-3">
+          <div class="col-4">
+            <div class="stats-card ${hpStats.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Hp:</p>
+              <p class="stat-number">${hpStats.base_stat}</p>
+            </div>
+          </div>
+          <div class="col-4">
+            <div class="stats-card ${attackStats.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Attack:</p>
+              <p class="stat-number">${attackStats.base_stat}</p>
+            </div>
+          </div>
+          <div class="col-4">
+            <div class="stats-card ${defenseStat.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Defense:</p>
+              <p class="stat-number">${defenseStat.base_stat}</p>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-4">
+            <div class="stats-card ${specialAttStats.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Special Attack:</p>
+              <p class="stat-number">${specialAttStats.base_stat}</p>
+            </div>
+          </div>
+          <div class="col-4">
+            <div class="stats-card ${specialDefStats.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Special Defense:</p>
+              <p class="stat-number">${specialDefStats.base_stat}</p>
+            </div>
+          </div>
+          <div class="col-4">
+            <div class="stats-card ${speedStats.base_stat <= 50 ? 'bad-stat' :'good-stat'}">
+              <p class="stat-title">Speed:</p>
+              <p class="stat-number">${speedStats.base_stat}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    `;
+};
diff --git a/dom/see-details-button.js b/dom/see-details-button.js
new file mode 100644
index 0000000..7154d15
--- /dev/null
+++ b/dom/see-details-button.js
@@ -0,0 +1,3 @@
+const onSeeMore = (pokemonUrl) => {
+  localStorage.setItem('pokemonUrl', pokemonUrl);
+};
diff --git a/helpers/render-files.ts b/helpers/render-files.ts
index 7bc6398..0834b91 100644
--- a/helpers/render-files.ts
+++ b/helpers/render-files.ts
@@ -35,9 +35,9 @@ const renderUsers = (pokemons: Pokemon[]) => {
                   <li>Weight: ${pokemon.weight}</li>
                 </ul>
                 <a
-                  href="${pokemon.url}"
+                  href="/pokemon-details.html"
                   class="btn btn-primary"
-                  target="_blank"
+                  onclick="onSeeMore('${pokemon.url}')"
                   >See more</a
                 >
               </div>
@@ -61,6 +61,7 @@ export const render = (pokemons: Pokemon[]) => {
     <div class="row">
         ${renderUsers(pokemons)}
     </div>
+    <script src="./dom/see-details-button.js"></script>
     </body>
 </html>
 `;
diff --git a/index.ts b/index.ts
index 2b3bb2d..19f6198 100644
--- a/index.ts
+++ b/index.ts
@@ -3,6 +3,6 @@ import { writeFile } from 'fs/promises';
 import { loadPokemons } from './apis/fecth-pokemons.js';
 import { render } from './helpers/render-files.js';
 
-const pokemons = await loadPokemons(50);
+const pokemons = await loadPokemons(2);
 const indexHTML = render(pokemons);
 await writeFile('pokemons.html', indexHTML);
\ No newline at end of file
diff --git a/models/pokemon-model.ts b/models/pokemon-model.ts
index 5f61fae..f185099 100644
--- a/models/pokemon-model.ts
+++ b/models/pokemon-model.ts
@@ -1,4 +1,5 @@
 export class Pokemon {
+  id: string;
   name: string;
   url: string;
   weight: number;
@@ -7,6 +8,7 @@ export class Pokemon {
   image: string;
 
   constructor(
+    id: string,
     name: string,
     url: string,
     height: number,
@@ -14,7 +16,7 @@ export class Pokemon {
     experience: number,
     image: string
   ) {
-    this.name = name;
+    (this.id = id), (this.name = name);
     this.url = url;
     this.weight = weight;
     this.height = height;
diff --git a/pokemon-details.html b/pokemon-details.html
index c74b115..e035505 100644
--- a/pokemon-details.html
+++ b/pokemon-details.html
@@ -14,60 +14,10 @@
     <link href="./styles.css" rel="stylesheet" />
   </head>
   <body>
-    <h1>Pokemon Name</h1>
-    <hr />
+    <div id="root"></div>
+    <br /><br />
 
-    <div class="row">
-      <div class="col-3" style="text-align: center;">
-        <img
-          src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/1.svg"
-          />
-      </div>
-
-      <div class="col-9">
-        <div class="row mb-3">
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-          <div class="col-4">
-            <div class="stats-card">
-              <p class="stat-title">HP:</p>
-              <p class="stat-number">350</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <button class="btn btn-primary"> << Go back</button>
+    <button onclick="history.back()" class="btn btn-primary"><< Go back</button>
+    <script src="./dom/load-details.js"></script>
   </body>
 </html>
diff --git a/pokemons.html b/pokemons.html
index 3e031e3..1663059 100644
--- a/pokemons.html
+++ b/pokemons.html
@@ -36,9 +36,9 @@ <h5 class="card-title">BULBASAUR</h5>
                   <li>Weight: 69</li>
                 </ul>
                 <a
-                  href="https://pokeapi.co/api/v2/pokemon/1/"
+                  href="/pokemon-details.html"
                   class="btn btn-primary"
-                  target="_blank"
+                  onclick="onSeeMore('https://pokeapi.co/api/v2/pokemon/1/')"
                   >See more</a
                 >
               </div>
@@ -67,1497 +67,9 @@ <h5 class="card-title">IVYSAUR</h5>
                   <li>Weight: 130</li>
                 </ul>
                 <a
-                  href="https://pokeapi.co/api/v2/pokemon/2/"
+                  href="/pokemon-details.html"
                   class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/3.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">VENUSAUR</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 263</li>
-                  <li>Height: 20</li>
-                  <li>Weight: 1000</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/3/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/4.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CHARMANDER</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 62</li>
-                  <li>Height: 6</li>
-                  <li>Weight: 85</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/4/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/5.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CHARMELEON</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 142</li>
-                  <li>Height: 11</li>
-                  <li>Weight: 190</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/5/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/6.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CHARIZARD</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 267</li>
-                  <li>Height: 17</li>
-                  <li>Weight: 905</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/6/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/7.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">SQUIRTLE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 63</li>
-                  <li>Height: 5</li>
-                  <li>Weight: 90</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/7/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/8.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">WARTORTLE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 142</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 225</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/8/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/9.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">BLASTOISE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 265</li>
-                  <li>Height: 16</li>
-                  <li>Weight: 855</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/9/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/10.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CATERPIE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 39</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 29</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/10/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/11.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">METAPOD</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 72</li>
-                  <li>Height: 7</li>
-                  <li>Weight: 99</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/11/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/12.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">BUTTERFREE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 198</li>
-                  <li>Height: 11</li>
-                  <li>Weight: 320</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/12/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/13.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">WEEDLE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 39</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 32</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/13/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/14.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">KAKUNA</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 72</li>
-                  <li>Height: 6</li>
-                  <li>Weight: 100</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/14/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/15.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">BEEDRILL</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 178</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 295</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/15/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/16.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PIDGEY</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 50</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 18</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/16/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/17.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PIDGEOTTO</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 122</li>
-                  <li>Height: 11</li>
-                  <li>Weight: 300</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/17/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/18.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PIDGEOT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 216</li>
-                  <li>Height: 15</li>
-                  <li>Weight: 395</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/18/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/19.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">RATTATA</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 51</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 35</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/19/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/20.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">RATICATE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 145</li>
-                  <li>Height: 7</li>
-                  <li>Weight: 185</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/20/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/21.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">SPEAROW</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 52</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 20</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/21/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/22.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">FEAROW</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 155</li>
-                  <li>Height: 12</li>
-                  <li>Weight: 380</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/22/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/23.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">EKANS</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 58</li>
-                  <li>Height: 20</li>
-                  <li>Weight: 69</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/23/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/24.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">ARBOK</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 157</li>
-                  <li>Height: 35</li>
-                  <li>Weight: 650</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/24/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/25.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PIKACHU</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 112</li>
-                  <li>Height: 4</li>
-                  <li>Weight: 60</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/25/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/26.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">RAICHU</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 243</li>
-                  <li>Height: 8</li>
-                  <li>Weight: 300</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/26/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/27.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">SANDSHREW</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 60</li>
-                  <li>Height: 6</li>
-                  <li>Weight: 120</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/27/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/28.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">SANDSLASH</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 158</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 295</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/28/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/29.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDORAN-F</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 55</li>
-                  <li>Height: 4</li>
-                  <li>Weight: 70</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/29/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/30.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDORINA</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 128</li>
-                  <li>Height: 8</li>
-                  <li>Weight: 200</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/30/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/31.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDOQUEEN</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 253</li>
-                  <li>Height: 13</li>
-                  <li>Weight: 600</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/31/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/32.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDORAN-M</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 55</li>
-                  <li>Height: 5</li>
-                  <li>Weight: 90</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/32/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/33.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDORINO</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 128</li>
-                  <li>Height: 9</li>
-                  <li>Weight: 195</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/33/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/34.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NIDOKING</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 253</li>
-                  <li>Height: 14</li>
-                  <li>Weight: 620</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/34/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/35.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CLEFAIRY</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 113</li>
-                  <li>Height: 6</li>
-                  <li>Weight: 75</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/35/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/36.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">CLEFABLE</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 242</li>
-                  <li>Height: 13</li>
-                  <li>Weight: 400</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/36/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/37.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">VULPIX</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 60</li>
-                  <li>Height: 6</li>
-                  <li>Weight: 99</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/37/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/38.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">NINETALES</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 177</li>
-                  <li>Height: 11</li>
-                  <li>Weight: 199</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/38/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/39.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">JIGGLYPUFF</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 95</li>
-                  <li>Height: 5</li>
-                  <li>Weight: 55</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/39/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/40.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">WIGGLYTUFF</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 218</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 120</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/40/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/41.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">ZUBAT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 49</li>
-                  <li>Height: 8</li>
-                  <li>Weight: 75</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/41/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/42.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">GOLBAT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 159</li>
-                  <li>Height: 16</li>
-                  <li>Weight: 550</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/42/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/43.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">ODDISH</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 64</li>
-                  <li>Height: 5</li>
-                  <li>Weight: 54</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/43/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/44.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">GLOOM</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 138</li>
-                  <li>Height: 8</li>
-                  <li>Weight: 86</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/44/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/45.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">VILEPLUME</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 245</li>
-                  <li>Height: 12</li>
-                  <li>Weight: 186</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/45/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/46.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PARAS</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 57</li>
-                  <li>Height: 3</li>
-                  <li>Weight: 54</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/46/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/47.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">PARASECT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 142</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 295</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/47/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/48.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">VENONAT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 61</li>
-                  <li>Height: 10</li>
-                  <li>Weight: 300</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/48/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/49.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">VENOMOTH</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 158</li>
-                  <li>Height: 15</li>
-                  <li>Weight: 125</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/49/"
-                  class="btn btn-primary"
-                  target="_blank"
-                  >See more</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    
-    <div class="col-4 mb-4">
-        <div class="card p-2">
-          <div class="row">
-            <div class="col-4 d-flex">
-              <img
-                src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/50.svg"
-                class="card-img-top"
-                alt="..."
-              />
-            </div>
-            <div class="col-8">
-              <div class="card-body">
-                <h5 class="card-title">DIGLETT</h5>
-                <!-- <p class="card-text">Stats:</p> -->
-                <ul>
-                  <li>Experience: 53</li>
-                  <li>Height: 2</li>
-                  <li>Weight: 8</li>
-                </ul>
-                <a
-                  href="https://pokeapi.co/api/v2/pokemon/50/"
-                  class="btn btn-primary"
-                  target="_blank"
+                  onclick="onSeeMore('https://pokeapi.co/api/v2/pokemon/2/')"
                   >See more</a
                 >
               </div>
@@ -1567,5 +79,6 @@ <h5 class="card-title">DIGLETT</h5>
       </div>
     
     </div>
+    <script src="./dom/see-details-button.js"></script>
     </body>
 </html>
diff --git a/styles.css b/styles.css
index b3bec3b..7174106 100644
--- a/styles.css
+++ b/styles.css
@@ -14,6 +14,18 @@ html {
   padding: 10px;
 }
 
+.bad-stat {
+  background-color: rgb(253, 206, 206);
+  border-color: rgb(250, 80, 80);
+  color: rgb(246, 28, 28);
+}
+
+.good-stat {
+  background-color: rgb(177, 218, 189);
+  border-color: rgb(64, 183, 99);
+  color: rgb(24, 177, 70);
+}
+
 .stat-number {
   font-size: 32px;
   text-align: center;