title: How do I add styling using a chrome extension?
body: <p>I made an extension for myself in order to change the styling for gmail, but it doesn't seem to be working. The manifest is below - an icon for the extension appears in the standard bar, and it does indicate (when hovering) that permission is granted on gmail and not for other sites.</p>
  
  <pre><code>{
    "name": "XXXXXX",
    "version": "0.0.2",
    "manifest_version": 3,
    "description": "Do It!",
    "content_scripts": [
      {
        "matches": ["*://mail.google.com/*"],
        "css": ["styles.css"]
      }
    ]
  }
  </code></pre>
  
  <p>The styles.css file is in the same directory as the manifest. If I open the inspector-stylesheet within chrome developer tools and paste in the contents of the stylesheet, the desired effects occur. So it seem the issue is that for some reason the style.css file isn't being recognized/loaded. Any idea what the issue could be? Am I missing something?</p>