/* Style for the navigation bar */
nav ul {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 1rem;
}

nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-family: 'Arial', 'Helvetica', sans-serif; /* Modern sans-serif typeface */
    font-size: 1.2rem; /* Increased font size */
}

nav ul li a:hover {
    color: #007BFF;
}

/* Responsive image styling */
.responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}