styles.css

/* Pokémon-themed styles */

body {
  font-family: 'Press Start 2P', cursive;
  background-color: #FFF06A; /* Pokémon yellow */
  color: #3b4cca; /* Pokémon blue */
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  line-height: 1.5; /* Improves readability */
}

h3 {
  color: #cc0000; /* Pokémon red */
  text-shadow: 2px 2px 0 #fff;
}

p{
  font-size: 14px;
}

select {
  font-family: inherit;
  font-size: 12px; 
  padding: 10px 30px 10px 8px;
  width: 220px;
  height: auto;
  min-height: 50px;
  border: 3px solid #3b4cca;
  border-radius: 5px;
  background-color: white;
  color: #3b4cca;
  cursor: pointer;
  line-height: 1.5;
}

select:hover {
  background-color: #ffde00;
}

#sprite-container {
  margin: 10px auto;
  text-align: center;
}

#sprite {
  width: 96px;  
  height: 96px;
}

/* Hidden by default, shown only after selection */
#name, #height, #weight {
  display: none; /* Initially hidden */
  margin: 10px auto;
  padding: 10px;
  width: 60%;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  background-color: white;
  border: 2px solid #3b4cca; /* Solid border (no dashes) */
  border-radius: 5px;
}