html {
    scroll-behavior: smooth;
}

.navbar-dark {
    background-color: #363636; /* Dark background color */
    transition: background-color 0.1s ease; /* Smooth transition effect */
}


/* General styles for navbar items */
.navbar-item, .navbar-link {
    color: #000 !important; /* Set default color for readability on white background */
    background-color: transparent !important;
    text-decoration: none !important;
    transition: color 0.3s ease; /* Smooth transition for color changes */
}

/* Disable hover effect */
.navbar-item:hover, .navbar-link:hover {
    background-color: transparent !important;
    color: #000 !important; /* Keep the color consistent on hover */
    text-decoration: none !important;
}

/* For dark background */
.navbar-dark .navbar-item,
.navbar-dark .navbar-link {
    color: #fff !important; /* Ensure readability on dark background */
}