body { 
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    background-color: lavender;
}

button {
    background-color: lavender;
    padding: 5px;
    min-width: 100px;
    color: black;
    border: 2px solid slateblue;
}

.container {
  max-width: 960px;
  margin: auto;
}

.pokemon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.pokemon {
  display: flex;
  text-align: center;
  align-content: center;
  max-width: 35%;
  background-color: royalblue;
  border-radius: 20px;
  margin-top: 1%;
}

.details-btn {
  display: block;
  text-decoration: none;
  color: #000;
  background-color: #68c8ee;
  padding: 6px 12px;
  border-radius: 3px;
  max-width: 50px;
  margin-top: 5px;
  margin-bottom: 30px;
}

img {
  background-color: lavender;
  border-radius: 5px;
  max-width: 75%;
  max-height: 75%;
  padding: 10%;
  margin-bottom: 5%;
}

.type {
  color: #000;
  width: fit-content;
  padding: 4px;
  margin-bottom: 15px;
}

.grass {
  background-color: #caf7e3;
}

.fire {
  background-color: #f39189;
}

.bug {
  background-color: #e2d5d5;
}

.water {
  background-color: #a3d2ca;
}

.normal {
  background-color: #bbbbbb;
}