#MainHeader
{
    background-color: var(--menu-bar-background-colour);
    position: sticky;
    top: 0px;
    z-index: 1;
    height: var(--header-height);
    line-height: var(--header-height);
}

#MainHeader nav
{
    width: var(--page-width);
    margin: auto;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    font-size: var(--header-font-size);
    font-weight: 400;
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: stretch;
}

.LogoLink
{
    line-height: 0px;
    font-family: "Roboto";
    font-weight: bold;
    display: flex;
    align-items: center;
}

.LogoLink .Logo
{
    max-height: var(--header-height);
    height: var(--header-height);
    padding: 5px;
}

#MainHeader a
{
    color: rgb(0, 0, 0);
    text-decoration: none;
}

#MainHeader a:hover
{
    text-decoration: underline;
}