title: Can't change font for headings (CSS, Bootstrap)
body: <p>I'm just starting learning HTML and CSS, and I'm running into a problem here.</p>
  
  <p>I'm using Bootstrap for my page, and this is what I've got so far, simplified:</p>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="main.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="div"&gt;
        &lt;h3&gt;Title&lt;/h3&gt;
        &lt;p&gt;Description&lt;/p&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>main.css:</strong></p>
  
  <pre><code>h, p {
      font-family: "Times New Roman", serif;
  }
  </code></pre>
  
  <p>The text in <code>&lt;p&gt;</code> shows up just fine as Times New Roman, but the text in <code>&lt;h3&gt;</code> refuses to change.</p>
  
  <p>Why is this, and how can I fix it? Sorry if this is an obvious question.</p>