body {
    font-family: Arial, sans-serif;
}

.navbar {
    display: flex; /* Use flexbox for layout */
    justify-content: center; /* Center items horizontally */
    background-color: #333;
    overflow: hidden;
}

    .navbar a {
        flex: 1; /* Allow the links to grow and fill the navbar equally */
        text-align: center; /* Center the text in each link */
        color: #f2f2f2;
        padding: 14px 16px;
        text-decoration: none;
    }

        .navbar a:hover {
            background-color: #ddd;
            color: black;
        }