header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 4px 1rem;
}

header[data-is-logged="0"] {
    justify-content: center;
}

.custom-header {
    margin-bottom: 30px;
    align-items: center;
}

.user-menu {
    align-self: center;
    display: flex;
    align-items: center;
    margin-inline-start: auto;
}

.dropdown-menu {
    --bs-dropdown-font-size: var(--bs-body-font-size);
}

.dropdown-menu>li {
    list-style-type: none;
    padding-inline: 2ch;
    line-height: 2;
    text-align: end;
}

.user-name {
    font-weight: bold;
    border-block-end: solid 1px black;
}

.user-dropdown {
    position: relative;
    border-radius: 50%;
}

.user-logo {
    width: 32px;
    height: 32px;
    padding: 4px;
}

/* #todo use a bs button */
.user-menu-logout {
    cursor: pointer;
}