title: Center favicon in background CSS
body: <p>I am currently trying to center favicons in this circular background so it can change color on hover. I am struggling a little bit to center it, though. I tried <code>text-align: center</code> but that was no use. Not very up to speed with CSS. What should I be doing instead?</p>
  
  <p><a href="https://codepen.io/teecp/pen/gOYRwbO" rel="nofollow noreferrer">https://codepen.io/teecp/pen/gOYRwbO</a></p>