/* Basic reset for styling */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.navbar {
    background-color: #000; /* Dark background for contrast */
    color: #ffffff;
    font-family: Arial, sans-serif; /* Modern, readable font */
    padding: 1em; /* Spacing inside the navbar */
    display: flex;
    justify-content: space-between; /* Space between logo and links */
    align-items: center;
}

.forbes-style {
    color: #5f9ea0; /* Light metallic blue for the brand name */
    font-size: 24px; /* Larger text for emphasis */
}

.nav-links {
    display: flex;
    align-items: center;
    list-style: none;
}

.nav-links a {
    color: #b0c4de; /* Light metallic blue for links */
    text-decoration: none;
    padding: 0 15px; /* Spacing around links */
    font-size: 16px; /* Readable text size */
    transition: color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.nav-links a:hover {
    color: #add8e6; /* Lighter shade of blue for hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar {
        flex-direction: column; /* Stack elements vertically on small screens */
    }

    .nav-links {
        flex-direction: column; /* Stack links vertically on small screens */
        width: 100%;
    }

    .nav-links a {
        text-align: center; /* Center alignment of links */
        padding: 10px; /* Bigger padding for touch targets */
    }
}