header {
    /* flexbox settings */
    align-items: center;
    display: flex;
    gap: 20px 60px;
    flex-flow: row wrap;
    justify-content: center;
}

#header-logo {
    /* flexbox settings */
    align-items: center;
    display: flex;
    gap: 9px;
    justify-content: center;
}

#header-logo>img {
    /* position & size settings */
    width: 50px;
}

header>nav>ul {
    /* appearance settings */
    background-color: #ddd;
    border-radius: 30px;
    list-style-type: none;

    /* flexbox settings */
    display: flex;
    gap: 30px;
    flex-flow: row wrap;

    /* position & size settings */
    margin: 0 auto;
    padding: 9px 27px;
    width: max-content;
}

header>nav a {
    /* appearance settings */
    color: black;
    text-decoration-line: none;
}

header>nav a:hover {
    /* appearance settings */
    text-decoration-line: underline;
}