/* Default navbar - semi transparent */
#mainNav {
    background-color: rgba(33, 37, 41, 0.7); /* Bootstrap dark bg with transparency */
    transition: background-color 0.3s ease;
}

/* When scrolled - more transparent */
#mainNav.scrolled {
    background-color: rgba(33, 37, 41, 0.4);
}

/* When hovered - solid */
#mainNav:hover {
    background-color: rgba(33, 37, 41, 1);
}