I'm trying to update the .nav-bar background color when I hit a new <section> element. The header and sections are 100% height. The .nav-bar background color shouldn't be set when the viewport is inside the <header> element. For some reason it's getting set to green (0, 255, 255) immediately and the "section 1" row is getting set to white (0, 0, 0). It looks like it's acting as if the <header> element isn't there, setting everything one step too soon.
See th