div.header img.logo {
    max-height: 80px;
}

div.header .group {
    display: inherit
}

div.header a {
    text-decoration: none
}

div.header a:visited {
    color: var(--main-colour)
}

div.header a:hover,
div.header a.active {
    font-weight: bold;
    color: var(--main-intense-colour)
}

.header-bar-container {
    height: 3px; 
    background: var(--main-background-colour);
    position:relative; /* relative here */
    padding: 0;
    margin: 0;
}
  
.header-bar-indicator {
    height: 100%;
    -webkit-mask:linear-gradient(#fff 0 0);
            mask:linear-gradient(#fff 0 0);
}
.header-bar-indicator::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image: linear-gradient(90deg, rgba(100, 179, 45, 0), var(--main-colour));
}