Responsive landing page w/ CSS Flexbox and JavaScript

This project really challenged me. The two most difficult parts of this project are trying to make the opacity of "Learn More" links change when hovered and changing the color of the social media icons in the footer. This is the first responsive project I have coded relying on rem, media queries, and percentages. I used the mobile-first approach to coding this. Any constructive feedback on this project is welcome. Thank you again.