.app-content a,
.app-content a:visited,
.app-content a:focus {
    color: var(--app-navi-color);
}

.app-content a:hover {
    color: var(--app-navi-background) !important;
}

.app-content .input-group-text {
    justify-content: center;
    background-color: var(--bs-primary);
    color: white;
    min-width: 45px;
}

.app-content .btn {
    border: none;
}

.app-content .btn-primary {
    background-color: var(--bs-primary);
    color: white;
}

.app-content .btn-primary:hover {
    background-color: var(--app-navi-background) !important;
}

.app-content img {
    border: 3px solid var(--bs-primary);
}

.app-content .selectable-cards {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.app-content .selectable-cards .checkmark {
    position: absolute;
    display: none;
    right: 20px;
    bottom: 10px;
    color: #146c43;
    font-size: 32px;
}

.app-content .selectable-cards.selected {
    .checkmark {
        display: block;
    }
}

.screen-reader-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
}