.header {
    padding: .75rem 1rem 5rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(225,224,224,0) 0%, rgba(225,224,224,.5) 25%, rgba(225,224,224,1) 80%);
}

.header--section {
    grid-column: span 1;
}

.header--section > li:not(:last-of-type) {
    margin-bottom: .25rem;
}

.header--logo img {
    width: 8rem;
}

.header--cm a.active,
.header--cm a:hover {
    color: var(--color-blue);
}

.header--sport a.active,
.header--sport a:hover {
    color: var(--color-green);
}

.header--habit a.active,
.header--habit a:hover {
    color: var(--color-purple);
}

.chapter--link {
    display: block;
    margin-bottom: -.1rem;
}