.pokeball-color{
    background-color: #ee1515!important;
    border-color: #222224!important;

}

.type-icon{
    display: inline-block;
    width: 66px;
    margin-bottom: 4px;
    background: #dbdbdb;
    border: 1px solid #a3a3a3;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.2);
    color: #fff;
    font-size: .75rem;
    font-weight: normal;
    line-height: 1.5rem;
    text-align: center;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 70%);
    text-transform: uppercase;
    transition: opacity .4s;
}
.type-normal{
    background-color:#aa9
}
.type-fire{
    background-color:#f42
}
.type-water{
    background-color:#39f
}
.type-electric{
    background-color:#fc3
}
.type-grass{
    background-color:#7c5
}
.type-ice{
    background-color:#6cf
}
.type-fighting{
    background-color:#b54
}
.type-poison{
    background-color:#a59
}
.type-ground{
    background-color:#db5
}
.type-flying{
    background-color:#89f
}
.type-psychic{
    background-color:#f59
}
.type-bug{
    background-color:#ab2
}
.type-rock{
    background-color:#ba6
}
.type-ghost{
    background-color:#66b
}
.type-dragon{
    background-color:#76e
}
.type-dark{
    background-color:#754
}
.type-steel{
    background-color:#aab
}
.type-fairy{
    background-color:#e9e
}
.type-curse{
    background-color:#698
}
.type-{
    display: none;
}
.poke-card{
    margin: 10px!important;
    text-align: center;
}
.pokemon-image{
    height: 120px;
    max-width: 120px;
    padding: 10px;
    /* align image center */
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* make responsive on mobile */
@media (max-width: 768px) {
    .pokemon-image{
        height: 100px;
        max-width: 100px;
    }
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding: 0!important;
}
footer a {
    color: #ee1515!important;
    text-decoration: none!important;
}
.center-text {
    text-align: center;
}
/* if on mobile, remove padding and margin */
@media (max-width: 768px) {
    .py-5 {
        padding-bottom: 0!important;
    }
    .my-5 {
        margin-bottom: 0!important;
    }
    .row{
        margin: 0!important;
        display: initial!important;
    }
}
.display-inline{
    display: inline!important;
}