.navbar {
    display: flex;
    align-items: center; /* Align items vertically in the center */
    padding: 10px; /* Add some padding around the navbar */
}

.logo-container img {
    height: 50px; /* Set the height of the logo */
    width: 50px; /* Set the width of the logo */
    border-radius: 50%; /* Creates a circle around the logo */
    border: 3px solid #000; /* Adjust the color and size of the border as needed */
}

.forbes-style {
    margin-left: 20px; /* Space between logo and site name/links */
    flex-grow: 1; /* Allows the site name and links to fill up the remaining space */
}

.nav-links a {
    margin-right: 20px; /* Adds space between navigation links */
    text-decoration: none; /* Removes underline from links */
    color:white; /* Sets the text color */
    font-size: 16px; /* Adjust the font size as needed */
}

.nav-links {
    display: flex; /* Aligns the links horizontally */
    flex-wrap: wrap; /* Allows the links to wrap onto the next line if space runs out */
}