Html, CSS, Sass, Fontawsome icons, FLexbox

Had fun building this project.

1. Learned more about flex box
2. CSS Positioning
3. It was my first project with sass/scss
4. Learned about hover, active and focus state of an element

Difficult areas for me while building:

1. Building the layout wasn't a problem but indenting space between text was a problem
2. I did not know that we can use blank space in html.
3. I couldn't fix the color of the Eye icon in active state where it should be white

Unsure area:

1. I don't know why icon color is not changing into white in active state . Other colors work fine.

Really love to know if anyone did solve this issue or better approach in this are. Thanks in advance.

Sorry for my English..