/* Add a black background color to the top navigation */
.nav {
    display: flex;
    /* Enable Flexbox */
    justify-content: space-between;
    /* Push items to opposite sides */
    align-items: center;
    /* Vertically align items */
    background-color: white;
    /* Navbar background */
    padding: 0.5rem 1rem;
    /* Add padding for spacing */
    height: auto;
    /* Ensure it has enough height to fit content */
}

.nav-left {
    display: flex;
    /* Ensure proper alignment */
    align-items: center;
    /* Center logo vertically */
}

.nav-right {
    display: flex;
    /* Ensure proper alignment */
    align-items: center;
    /* Center login vertically */
}

.logo-image {
    height: auto;
    /* Maintain aspect ratio */
    width: 7rem;
    vertical-align: middle;
}

.nav-right a {
    text-decoration: none;
    font-size: 1rem;
    color: black;
    font-family: "Rethink Sans-Bold", Helvetica;
    font-weight: bold;
    padding: 0.5rem 1rem 0rem;
    /* Add padding for clickable area */
}