.type.round, .category.round
{
    width: 180px;
    padding: 5px 0;
    border-radius: 20px;
    font-weight: 600;
    filter: brightness(0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.normal-gradient
{
    background-image: linear-gradient(to right,#5B615B,#9FA19F);
}
.fire-gradient
{
    background-image: linear-gradient(to right,#840001,#E62829);
}
.fighting-gradient
{
    background-image: linear-gradient(to right,#9C4E00,#FF8000);
}
.water-gradient
{
    background-image: linear-gradient(to right,#004DAF,#2980EF);
}
.flying-gradient
{
    background-image: linear-gradient(to right,#3075B8,#81B9EF);
}
.grass-gradient
{
    background-image: linear-gradient(to right,#165F06,#3FA129);
}
.poison-gradient
{
    background-image: linear-gradient(to right,#450474,#9141CB);
}
.electric-gradient
{
    background-image: linear-gradient(to right,#987500,#FAC000);
}
.ground-gradient
{
    background-image: linear-gradient(to right,#4A2000,#915121);
}
.psychic-gradient
{
    background-image: linear-gradient(to right,#9E0234,#EF4179);
}
.rock-gradient
{
    background-image: linear-gradient(to right,#746C38,#AFA981);
}
.ice-gradient
{
    background-image: linear-gradient(to right,#0098BF,#3FD8FF);
}
.bug-gradient
{
    background-image: linear-gradient(to right,#5C6800,#91A119);
}
.dragon-gradient
{
    background-image: linear-gradient(to right,#1222A0,#5060E1);
}
.ghost-gradient
{
    background-image: linear-gradient(to right,#380838,#704170);
}
.dark-gradient
{
    background-image: linear-gradient(to right,#110B0A,#50413F);
}
.steel-gradient
{
    background-image: linear-gradient(to right,#25657C,#60A1B8);
}
.fairy-gradient
{
    background-image: linear-gradient(to right,#BF31BF,#EF70EF);
}
.physical-gradient
{
    background-image: linear-gradient(to right, #82150B, #C92112);
}
.special-gradient
{
    background-image: linear-gradient(to right, #1947ba, #041971);
}
.status-gradient
{
    background-image: linear-gradient(to right, #5B585B, #8C888C);
}