header {
    display: flex;
    justify-content: center;
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    margin: 40px 0 40px 0;


}

header ul {
    margin: 0;
    padding: 0;
}

header li {
    display: inline;
    float: left;
    padding: 0 20px 0 20px;
    font-size: medium;
}

header nav {
    float: right;
    margin-top: 10px;

}

header a {
    text-decoration: none;
    color: var(--white);
    align-items: center;

}

header #container_logo {
    float: left;
}

header #container_logo h1 {
    margin: 0;
}

header .photography {
    color: var(--color-success);
    font-weight: bold;
}

header a:hover {
    text-decoration: underline var(--color-success);
    text-decoration-thickness: 4px;
}