/* styles.css */

header {
    background-color: #5273ad;
    color: #fff;
    padding: 10px 0;
    display: flex;
    justify-content: space-between; /* Space between logo and menu */
    align-items: center;
}

.logo {
    flex: 1;
}

    .logo img {
        max-width: 30%;
        height: auto;
    }

nav {
    flex: 1;
    text-align: right; /* Align menu items to the right */
}

    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

            nav ul li a {
                text-decoration: none;
                color: #fff;
            }

                nav ul li a:hover {
                    color: #ddd;
                }