.navbar {
    background-color: #800000 !important; /* New background color */
    color: #ffffff !important; /* New text color */
}

// Your variable overrides
$body-bg: #000000;
$body-color: #ffffff;

}

footer.bg-success, .footer.bg-success {
    background-color: #800000 !important;
}


.bg-success {
    background-color: #800000 !important; /* Navy color */
    color:#ffffff;
}


/* Targeting the .bg-success class specifically within the .col-md-3.my-2 div */
.col-md-3.my-2 .bg-success {
    background-color: #800000; /* Navy shade */
    color: #ffffff; /* Adjusting text color for better visibility, if needed */
}



// Import Bootstrap’s source files
@import "node_modules/bootstrap/scss/bootstrap";