Change .main-navigation--link to have a 2px bottom border on :hover and :focus with a $yellow background on :active in _header.scss.
Add $quarter-spacing-unit of padding-top to <html> to accommodate the equivalent height of the top gradient border in _base.scss.