@font-face {
  font-family: 'Pokemon'; /* Name your font family */
  src: url('font/PokemonSolid.ttf'); /* Locate the .ttf file within your directory*/
}


body{
  background-color: gray;
}

h4{
  color:purple;
}

#pokedex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  
.pokemon-card {
  background-color:#0075BE;
  color:white;
  border: 2px solid #ccc;
  border-radius: 15px;
  padding: 10px;
  margin: 10px;
  width: 200px;
  text-align: center;
}
  
/* Estilos adicionales para la imagen (opcional) */
.pokemon-card img {
  max-width: 100%;
  height: auto;
}

.pokedex-title {
  text-align: center;
  font-family: "Pokemon" ;
  font-size: 3em; /* Ajusta el tamaño del título aquí */
  margin-bottom: 20px; /* Ajusta el margen inferior aquí */
}


#search-form { /* Agrega esta regla */
  text-align: center;  /* Centra el contenido del formulario */
  margin-bottom: 20px; /* Agrega un margen inferior (opcional) */
    
}

#search-form input {
  font-size: 1.2em; /* Ajusta el valor para cambiar el tamaño */
}

.pokemon-card h2 {
  margin-top: 10px; /* Ajusta el valor según tu preferencia */
  margin-bottom: 10px; /* Ajusta el valor según tu preferencia */
}

.pokemon-card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px; /* Ajusta el valor según tu preferencia */
}

.pokemon-card p {
  margin-bottom: 5px; /* Ajusta el valor según tu preferencia */
}

.pokemon-card:hover {
  background-color: #FFCC00; /* Cambia el color de fondo a naranja */
  cursor: pointer; /* Cambia el cursor a una mano para indicar que se puede hacer clic */
}

#pokemonModal .modal-content {
  display: flex;
  flex-direction: column; /* Alinea los elementos en columna */
  align-items: center; /* Centra horizontalmente */
  background-image: linear-gradient(0deg, purple, pink);
}

#pokemonModal .modal-body {
  text-align: center; /* Centra el texto dentro del body */
  color: white;
}