body{
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
.pageContent{
    margin: 1rem;
    max-width: 100%;
}
#container-searchBarMainPage{
    padding-left: 0;
}
.pokemonsOl{
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: 12rem; */
    grid-gap: 10px;
    margin-top: 1rem;
}


.pokemonsOl > li{
    /* position: relative; */
    border-radius: 1rem;
    display: flex;
    max-width: 100%;
    vertical-align: center;
    min-height: 85px;
    justify-content: space-around;
    align-items: center;
}

.pokemonCardImgConteiner{
    /* position: absolute;
    left: 10px;
    top: 20px; */
    max-width: 45px;
    max-height: auto;
}
.pokemonCardImg{
    max-width: 100%;
    height: auto;
}

.pokemonDetails{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* position: absolute; */
    /* top: 6px;
    left: 115px; */
    text-align: right;
    justify-content: center;
    align-items: flex-end;
}
.pokemonCardName{
    font-size: small;
    color: white;
}
.types{
    font-size:x-small;
    display: flex;
    flex-direction: column;
    align-items: center;
   

}
.types > li {
    margin-bottom: 1px;
    display: inline-block;
    list-style: none;
    filter: brightness(1.5);
    border-radius: 1rem;
    padding: 0;
    
    /* overflow: hidden; 
  white-space: nowrap; */
}

#divBtnLoadMore{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
}


/* #kakunaImg{
    max-width: 28px !important;
    height: auto;
}

#weedleImg{
    max-width: 32px !important;
    height: auto;
} */

.pokemonbug > .pokemonCardImgConteiner{
    max-width: 32px !important;
    height: auto;
}


/* types for colors */
.pokemongrass, .grass{
    background-color: rgb(140,216,81);
}
.pokemonnormal, .normal{
    background-color:rgb(188,189,175) ;
}
.pokemonfire, .fire{
    background-color:rgb(250,85,66) ;
}
.pokemonbug, .bug{
    background-color:rgb(194,209,32) ;
}
.pokemonwater, .water{
    background-color:  rgb(85,174,254);
}
.pokemonflying, .flying{
    background-color: rgb(120,163,255);
}
.pokemonfairy, .fairy{
    background-color: rgb(250,173,255);
}
.pokemonelectric, .electric{
    background-color: rgb(252,228,63);
}
.pokemonpoison, .poison{
    background-color: rgb(168,91,157);
}
.pokemonfighting, .fighting{
    background-color: rgb(164,87,68);
}
.pokemonpsichic, .psichic{
    background-color: rgb(244,97,175);
}
.pokemonsteel, .steel{
    background-color: rgb(195,193,217);
}
.pokemonrock, .rock{
    background-color: rgb(206,188,114);
}