body {
    background-color: #f8f9fa; /* Set a light background color for the body */
}

.navbar {
    background-color: #3076c0 !important; /* Set blue background color for the navbar */
}

.navbar-nav .nav-item {
    padding: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff; /* Set white text color for the navbar links */
}

.navbar-light .navbar-nav .nav-item:hover {
    background-color: #93def5 !important; /* Set green background color for the hovered links */
    color: #fff !important;
}

.main-content {
    padding: 20px;
}

@media only screen and (min-width: 992px) {
    .navbar {
        padding: 0;
    }

    .navbar .navbar-nav .nav-link {
        padding: 1em 0.7em;
    }

    .navbar .navbar-brand {
        padding: 0 0.8em;
    }
}