add solution

[YaroslavMatviienko]

DEMO LINK

• TEST REPORT LINK

❗️ Copy this Checklist to the Pull Request description after links, and put - [x] before each point after you checked it.

• [+ ] Header height is set in 1 place (for the links)
• [+] Content is vertically centered (for any header height)
• [+] CSS is used to show all letters in Uppercase (don't type them in HTML)
• [+] Logo is an image wrapped with a link
• [+] CSS Variable is used for a blue color
• [+] Pseudo-element is used for a blue line below the active link
• [+] Code follows all the Code Style Rules ❗️

[roman-mirzoian]

Good work, but there is still a lot of work to do.
Deployment does not work and tests fail. This needs to be fixed.
Pay attention to the comments.

[roman-mirzoian]

Don't use tag names for styling (except html and body)
Fix it in all code.

[roman-mirzoian]

Well done, but pay attention to this comments.

[roman-mirzoian]

For logos, use the format: "[Organization name] logo."
Example:

[roman-mirzoian]

It is better to use a more universal naming for such variables.

Suggested change

	--black: #000;
	--blue: #00acdc;
	--text-color:: #000;
	--active-color: #00acdc;