/* Common styles for body and HTML */
body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

/* Navbar styles */
.navbar {
    background-color: rgba(0, 0, 0, 0.8) !important;
    transition: all 0.3s ease-in-out;
}



/* Navbar hover effect for larger screens */
@media (min-width: 768px) {
    .navbar:hover {
        background-color: rgba(0, 0, 0, 0.9) !important;
    }
}

/* Navbar link styles */
.nav-link {
    color: white !important;
    padding: 12px 20px !important;
    font-size: 18px !important;
    transition: background-color 0.3s, transform 0.3s;
}

/* Navbar link hover effect */
.nav-link:hover {
    background-color: #28a745 !important;
    transform: scale(1.1);
}


.welcome-message {
    background-color: #f8f9fa00; /* Light background for contrast */
    padding: 10px 20px; /* Padding for space around the text */
    text-align: center; /* Center the text */
    font-size: 16px; /* Adjust font size */
    font-weight: bold; /* Make it bold */
    color: #000000; /* Darker text color */
    border-top: 1px solid #cccccc00; /* Top border for separation */
    margin-top: 10px; /* Space between navbar and message */
}