Huddle Landing Page With Siple Introductory Section

Hello Frontend Mentor Community! This is my solution for the Huddle Landing Page With Siple Introductory Section challenge.

Although it likely isn't perfect, it helped me figure out some stuff regarding the active states of the FA icons and how to add borders to them as I include them in <a> tags.

Considering that FA offers 'pre-set' square and circle decoration of their icons and sites of various high-end brands, I think doing things this way is rather exotic. Nonetheless, I'm glad I messed with it, as it showed me how to encompass <I> tag styling inside 'a:hover,' using SCSS nesting, which sometimes feels somewhat confusing. Actually, my girl showed me how to do that. So thanks to her!

Besides that, I'll appreciate any feedback on my solution...