title: Overlap HTML border bottom
body: <p>I'm making a Navigation bar. It has a border at the bottom. Now I want to give the active class a other color for the border. It should be in place of the navigation border, but it shows above it.</p>
  
  <p><img src="https://i.stack.imgur.com/L98yI.png" alt="enter image description here"></p>
  
  <p>How can I put the blue line on the place of the green line under the active Home button and keep green at the rest?</p>
  
  <p>CSS Code:
  <a href="https://gist.github.com/matthijs110/9859d4e2a3983383bbb0" rel="nofollow noreferrer">https://gist.github.com/matthijs110/9859d4e2a3983383bbb0</a></p>
  
  <p>HTML Code:
  <a href="https://gist.github.com/matthijs110/a09c4cb045eebeb89a4a" rel="nofollow noreferrer">https://gist.github.com/matthijs110/a09c4cb045eebeb89a4a</a></p>