title: font-weight and font-size not working together
body: <p>Whenever I want to change the font-size of my text, the font-weight seems to revert back to it's default value in what I see on the browser. </p>
  
  <p>When I inspect it, both font-size and font-weight seem to be applied and working fine. Not sure what the issue is. When I disable the font type I have linked below, it seems to be working fine.</p>
  
  <p>The thing is, I have been using the same font below, and this issue just started occurring overnight. No clue what could have changed. Thank you.</p>
  
  <pre><code>body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  #element {
  font-weight: 700 !important;
  font-size: 20px !important;
  }
  
  &lt;div style="display: flex; flex-direction: column; width: 40vw; margin-left: 20px;"&gt;&lt;div style="font-size: 24px; font-weight: 600;"&gt;Sell your clutter&lt;/div&gt;&lt;div style="font-size: 20px; font-weight: 600;"&gt;Athens Locations&lt;/div&gt;&lt;div style="width: 100%; height: 25vh;"&gt;House1&lt;/div&gt;&lt;div&gt;House2&lt;/div&gt;&lt;/div&gt;
  </code></pre>