title: Change the color of text within a pandas dataframe html table python using styles and css
body: <p>I have a pandas dataframe:</p>
  
  <pre><code>arrays = [['Midland', 'Midland', 'Hereford', 'Hereford', 'Hobbs','Hobbs', 'Childress',
             'Childress', 'Reese', 'Reese', 'San Angelo', 'San Angelo'],
            ['WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS','WRF','MOS']]
  tuples = list(zip(*arrays))
  index = pd.MultiIndex.from_tuples(tuples)
  df = pd.DataFrame(np.random.randn(12, 4), index=arrays,
                    columns=['00 UTC', '06 UTC', '12 UTC', '18 UTC'])
  </code></pre>
  
  <p>The table that prints <code>df</code> from this looks like this:<a href="https://i.stack.imgur.com/FbsI6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FbsI6.png" alt="enter image description here"></a></p>
  
  <p>I would like to color all of the values in the 'MOS' rows a certain color and color the left two index/header columns as well as the top header row a different background color than the rest of the cells with values in them. Any ideas how I can do this?</p>