title: css not working on header tag
body: <p>I have this html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt; 
      &lt;link href="css/test.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;h2&gt;Meeting the Old Guard  &lt;/h2&gt;
  &lt;p&gt;I was shot in Vietnam by an old man. .&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this css stylesheet named test.css</p>
  
  <pre><code>body {
      width: 100%;
      margin-right: auto;
      margin-left: 2cm;
      color: #f0f;
      background-color: #000;
      margin-left: max-width: 1400px; }
  }
  
  h2 {
      color: #fff;
      margin-left: 0;
      font-weight: 700;
      font-style: italic;
  }
  
  p {
      color: #fff;
  
  }
  </code></pre>
  
  <p>The body tag specifies a magenta color. The h2 tag and the p tag specify white. However, the h2 is rendered magenta and the paragraph white. Why doesnt the header render white?</p>