:root {
    /* Theme */
    --my-grey: #1b1d21;
    --my-white: #eee;
    --my-primary-color: #21456d;
    --my-primary-border-color: #123456;
    --my-primary-active-color: #123456;
    --my-primary-active-border-color: #21456d;

    /* Bootstrap */
    --bs-body-bg: var(--my-grey);
    --bs-body-color: var(--my-white);
}

.btn {
    --bs-btn-bg: var(--my-primary-color);
    --bs-btn-border-color: var(--my-primary-border-color);
    --bs-btn-hover-color: var(--my-white: #eee);
    --bs-btn-hover-bg: var(--my-primary-active-color);
    --bs-btn-hover-border-color: var(--my-primary-active-border-color);
    --bs-btn-active-bg: var(--my-primary-active-color);
    --bs-btn-active-border-color: var(--my-primary-active-border-color);
}

.btn:focus,
.btn:focus-visible {
    --bs-btn-bg: var(--my-primary-active-color);
    --bs-btn-border-color: var(--my-primary-active-border-color);
}

.card {
    --bs-card-bg: #0f1214;
}

.card-img-top {
    min-width: 100%;
    max-height: 400px;
}

footer img {
    height: 1.5em;
    margin-right: 5px;
}