/* Apply the image as the background */
body {
    background-image: url('../background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    /* adjust the opacity value as needed */
    z-index: -1;
}


.scrollable-card {
    max-height: calc(100vh - 260px); /* Adjust 150px according to the header/footer height */
    overflow-y: auto;
}

@media (max-width: 576px) {
    .custom-card {
        width: 90%;
        margin: 0 auto;
    }
}

.table-dark {
    background-color: #333;
    border-color: #333;
}

.table-dark th,
.table-dark td {
    border-color: #333;
    color: #fff;
}