body { 
    font-family: "Times New Roman", Times, serif; 
    line-height: 1.6; 
    font-size: 18px;
    background-color: #e6e6e6; 
}


.container { width: 80%; margin: auto; overflow: hidden; }

header { 
    background: #004d00; 
    color: #fff; 
    padding: 20px; 
    text-align: center; 
    border: 4px solid black;
}

nav ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap; /* Ensures items wrap properly */
    justify-content: center; /* Aligns items properly */
    gap: 40px; /* Adds spacing between items */
}

nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    width: 200px; /* Fixed width for consistent button sizes */
    height: 50px; /* Fixed height to prevent overflow */
    padding: 10px;
    border: 4px solid black;
    color: #FFFFCC; /*light yellow*/
    background-color: #004d00; /*dark green*/
    font-weight: bold;
    transition: 0.3s;
    overflow: hidden;
    border-radius: 5px; /* Apply rounded corners here */
}

nav ul li a {
    text-decoration: none;
    color: inherit;
    width: 100%;
}

nav ul li:hover {
    background-color: #FFFFCC; /*light yellow*/
    color: #004d00; /*dark green*/
}

section { margin: 20px 0; }
img { max-width: 100%; height: auto; }
.center-image { display: block; margin: 20px auto; }
.flex-container { display: flex; align-items: center; justify-content: space-between; }
.developer-container { display: flex; justify-content: space-around; align-items: center; }
.developer-container div { text-align: center; padding: 10px; }
.developer-container img { width: 10%; }