#menu-bar {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
            color: #333;
            text-align: center;
            background-color: #333;
            overflow: hidden;
        }

        #menu-bar a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        #menu-bar a:hover {
            background-color: #ddd;
            color: black;
        }