Build a Personal Portfolio Webpage - Header Issue

Tell us what’s happening:
Good morning, I am currently working on my personal portfolio page and my heading’s are not appearing and I am unsure as to why. I originally thought that it might be something to do with display: grid but all my sections do not have this property. Any help would be appreciated. Thanks.

Your code so far
https://codepen.io/AJS17/pen/pmvKrB

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:66.0) Gecko/20100101 Firefox/66.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage

They’re there. Just that white font on a white background is really hard to see.
You’ve coded your background rgb(255,255,255) which is white and you coded your h1 headers color: #ffffff which is white.

oh…wow what a silly mistake. Thank you very much for your help!