/* General body styling */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Header styling */
header {
    display: flex; /* Align logo and navigation in a row */
    align-items: center; /* Vertically center content */
    justify-content: space-between; /* Logo on the left, nav in the center/right */
    background-color: #f4f4f4;
    padding: 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Logo styling */
.logo {
    display: flex;
    align-items: center; /* Vertically align logo and text */
}

.logo img {
    height: 75px; /* Set logo height */
    width: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Prevent oversized logos */
    margin-right: 10px; /* Space between the logo and other elements */
}

/* Navigation styling */
nav {
    display: flex; /* Align menu items horizontally */
    gap: 15px; /* Add spacing between links */
    text-align: center; /* Center-align the navigation links */
}

nav a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Dark gray color for links */
    margin: 0 15px; /* Space between links */
    font-weight: bold; /* Bold text */
}

nav a:hover {
    text-decoration: underline; /* Underline on hover */
}