body {
    background-color: #1e2334;
    height: 100vh;
    margin: 0;
    display: block;
}


.sidebar {
    /* background-color: #9585a1; */
    min-height: 100vh;
}

.dashboard-card {
    background-color: #2a2a3c;
    border: none;
    border-radius: 0.5rem;
}

.bg-workbg {
    background-color: #11213e;
}

.bg-sidebar{
   background-color: #23304b;
}

.link-sidebar{
   background-color:#243e51;
}


/* Style for all sidebar links */
.sidebar .nav-link {
    color: white; /* Default link color */
}

/* Style for the active link on the current page */
.sidebar .nav-link.active {
    background-color: #c25252d9;
    color: #f5f7fa; /* Custom text color for the active link (yellow, in this case) */
    font-weight: bold;
    border-radius: 1em; /* Make it bold for emphasis */
}

/* Optional: Hover state for other links */
.sidebar .nav-link:hover {
    background-color: #aea0a0;
    border-radius: 1em;
}

 /* work.html */
        .tech-list {
            color: #ffcc00; /* Highlight color for technology used */
            font-weight: bold;
        }
        .project-title {
            color: #ffffff; /* White color for project titles */
        }
        .project-subtitle {
            color: #ffcc00; /* Highlight color for subtitles */
        }