body {
    background: darksalmon;
}

.rounded-2, .alert, .btn, .card, .modal-content, .form-control, .dropdown-menu, .navbar {
    border-radius: 0.5rem;
}

.card-deck.smallgutter, .row.smallgutter {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.card-deck.smallgutter>.card {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.row.smallgutter>[class*="col-"], .row.smallgutter>.col {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

#biljart__kerst .card-deck .card-body {
    padding: 0.2rem;
}

.table th {
    background-color: var(--info);
    color: #ffffff;
}

.table th, .table td {
    padding: 0.25rem;
}

.table-nonfluid {
    width: auto!important;
}

.pointer {
    cursor: pointer;
}

.navbar-dark .navbar-nav .nav-link.yellow-hover:not(.active) {
    color: rgba(255, 255, 255, .75)
}

@media (hover: hover) {
    .yellow-hover:hover {
        color: rgba(255, 255, 0, 1)!important;
    }
}