.navbar ul {
    outline: 2px solid #00cc33; /* Sets a 2px solid red line around the nav bar */
    outline-offset: 2px; /* Optional: adds space between the border and the outline */
    list-style-type: none; /* Removes default bullet points */
    margin: 0;
    padding: 0;
    display: flex; /* Enables flexbox layout */
    justify-content: center; /* Centers list items horizontally */
    background-color: #001a13; /* Example background color */
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.navbar li a {
    font-size: 30px;
    display: block; /* Makes the whole area clickable */
    padding: 8px 15px; /* Adds space around the text */
    text-decoration: none; /* Removes default underlines */
    color: #00cc33; /* Example text color */
    /* To center text vertically, set line-height equal to the desired menu bar height */
    line-height: 40px; /* Example height for vertical centering */
    height: 40px; /* Optional: ensures consistent height */
}

.navbar li a:hover {
    background-color: #999966; /* Example hover effect */
}