title: basic css font-weight property not working
body: <p>My html:</p>
  
  <pre><code>&lt;div id="unsurpassed"&gt;
    &lt;p&gt;
      &lt;span&gt;FIRE &lt;/span&gt;| Unsurpassed Efficacy
    &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>#unsurpassed {
  margin-top: 20px;
  font-size: 32px;
  font-family: "Myriad Pro";
  }
  
  #unsurpassed p {
  color: #77787B; 
  font-weight: 300;
  }
  
  #unsurpassed span {
  color: #1D74B6; 
  font-weight: 400; 
  }
  </code></pre>
  
  <p>I want the phrase "| Unsurpassed Efficacy" to have a much lighter weight that "FIRE" currently that isn't happening, not really sure why.</p>