header {
    background: #0005;
    height: 50px;
}

/* Header - Links */

    header > * > a {
        box-sizing: border-box;
        height: 100%;
        padding: 0px 10px;
        line-height: 48px;
        font-weight: bold;
        border-bottom: solid 2px transparent;
    }
    header > * > a:hover {
        background: #0002;
        border-bottom-color: #FFF;
    }
    header > * > a.open {
        border-bottom-color: #FFF;
    }

/* Header Left - Site Name */

    header div#site-name a {
        border-bottom: solid 2px transparent;
    }
    header div#site-name a img {
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    header div#site-name a h3 {
        display: inline;
        vertical-align: middle;
    }

/* Header Right - User Menu */

    header div#account {
        height: 100%;
    }
    header div#account div#user-info {
        height: 100%;
        gap: 10px;
        padding-left: 10px;
    }
    header div#account div#user-info:hover {
        cursor: pointer;
        background: #0002;
    }
    header div#account div#user-info i.fa-user{
        padding-right: 10px;
        font-size: 25px;
    }