body{
    background-color: #2c4f71;
}

.text-bg-dark {
    color: #fff !important;
    background-color: #2c4f71 !important;
}

.max-width-540 {
    max-width: 540px;
    width: 100%; /* Ensures it takes up the full width up to the max-width */
}

:root {
    --bs-link-color: #b6b1b0;
    --bs-link-hover-color: #e2dddc;
}

.card {
    background-color: #dfd3d3;
    overflow: hidden;
    width: 100%;          /* Ensures the card takes full width */
    overflow: hidden;     /* Prevents the image from overflowing the card */
}

.cardimage {
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
    max-width: 10rem;
}

.nav-link {
    margin-right: 1rem;
}