/* HEADER */
#header {
    flex: 1;
    /* max-height: var(--header-height); */
    min-height: var(--header-height);
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-image: url('../img/abstract\ gold\ light\ line\ slash_1209439.jpg');
    background-position: center;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    position: fixed;
    top: 0;
    width: 100%;
    max-width: var(--app-max-width);
    z-index: 99;
}

.header-avatar-container {
    /* background-color: grey; */
    border-radius: 50%;
    height: var(--avatar-height);
    width: var(--avatar-width);
    position: absolute;
    right: calc(var(--avatar-width)/2);
    margin: auto 0px;
    top: 10px;
}



.default-avatar {
    filter: invert(1);
    background: grey;
    border-radius: 50%;
}

.user-avatar {
    height: var(--avatar-height);
    width: var(--avatar-width);
}

.discord-avatar {
    background-size: cover;
    border-radius: 50%;
}

.header-logo {
    max-width: var(--header-logo-max-width);
    margin: auto;
}