How to add and style social icons in header - custom location - Impact/Brine template

I am trying to add my social icon block to my header above my main nav bar so it doesn't crowd the main menu. After wrangling with various code snippets from the forum, I have arrived at this (see attached). You can see that the icons are in black on a white background in a separate bar above my header. What I want to do is to have them float over the header, not push it down, and I want to style them to a lighter gray color. Can anyone help?

To get this far, I used Header Code Injection with a code snippet I copied from my social icon block using F12 inspect tools.

Thanks!