#header {
    text-align: center;
    font-variant: small-caps;
}
#title {
    text-align: center;
    font-variant: small-caps;
}
.small-caps {
    font-variant: small-caps;
}
.btn-outline-primary {
    color: var(--redcraft-red);
    background-color: transparent;
    background-image: none;
    border-color: var(--redcraft-red);
}
.btn-outline-primary:hover {
    color: white;
    background-color: var(--redcraft-red);
    border-color: var(--redcraft-red);
}
.btn-primary{
    color: white;
    background-color: var(--redcraft-red);
    border-color: var(--redcraft-red);
}
.btn-primary:hover {
    color: white;
    background-color: var(--redcraft-red);
    border-color: var(--redcraft-red);
}
.card a:not(.btn) {
    color: white;
    text-decoration: underline;
}
.card a:not(.btn):hover {
    color: var(--redcraft-red);
    text-decoration: underline;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.50);
}
.card {
    height: 100%
}
.badge {
    height: fit-content;
}