.card {
    width: 21rem;
    color: inherit;
}

a.card {
    text-decoration: none;
}

.card:hover {
    color: inherit;
    width: 22rem;
}

.card:active {
    background: #d7e6ff;
}

.card img.no_img {
    height: calc(21rem * (3/4));
}

.card:hover img.no_img {
    height: calc(22rem * (3/4));
}

.card-title {
    color: #800020;
}

.metrics span {
    white-space: nowrap;
    padding-right: 0.25em;
}

.metrics i {
    font-size: 80%;
    color: #800020;
}