title: change color of circle background, individual colors per icon
body: <p>I am using font awesome icons in the custom HTML widget on wordpress. Using CSS I have successfully been able to change the color of the icon and background circle for all icons in that widget using this code</p>
  
  <pre><code>.widget_custom_html i {
  background-color:#19CBCF;
  border-radius:150px;
  color:#FFFFFF;
  font-size:90px;
  height:150px;
  line-height:150px;
  width:150px;
  }
  </code></pre>
  
  <p>I'm wondering if there is a way, either with CSS or in the widget HTML to set the background color for each icon. I am using the icons fa-pencil, fa-graduation-cap, fa-desktop. Here is the HTML I am using in the widget itself for the icons...</p>
  
  <pre><code>&lt;p style="text-align: center;"&gt;&lt;i class="fa fa-desktop" aria-hidden="true"&gt;&lt;/i&gt;&lt;/p&gt;
  </code></pre>
  
  <p>thanks!</p>