.counter {
    border: 2px blue dotted !important;
    background-color: yellow;
}

.counter:hover{
    background: blue;
    color: green;
}

.counter > button {
    font-weight: bold;
    font-style: italic;
    color:red;
    background: green;
}

.counter > button:hover {
    font-weight: bold;
    font-style: italic;
    color:pink;
    background: orange;
}

.category-image {
    width:2.5rem;
}

.type-image-defender {
    background: url('/images/defender.svg');
    background-size: 7.5rem;
    background-repeat: no-repeat;
    background-position: center;
}

.type-image-forward {
    background: url('/images/forward.svg');
    background-size: 7.5rem;
    background-repeat: no-repeat;
    background-position: center;
}

.type-image-goalie {
    background: url('/images/goalie.svg');
    background-size: 7.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color:rgb(8, 8, 168);
}