title: some of css stylesheet is not loading
body: <p>My CSS stylesheet loads almost all the contents but it is not loading my CSS for <code>button</code>. It's strange because all other things are working fine. I use <code>opera</code>. I have posted the CSS below which is not loading, also how I load the CSS.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link rel="stylesheet" type="text/css" href="/style.css"&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>    .button {
          background-color: #22a4a3b5;
          border: none;
          color: white;
          padding: 4px 14px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 17px;
          margin: 0px 2px;
          cursor: pointer;
      }
  </code></pre>
  
  <p>JS fiddle <a href="https://jsfiddle.net/hpsj2e0L/" rel="nofollow noreferrer">https://jsfiddle.net/hpsj2e0L/</a></p>
  
  <p>It works fine in the fiddle but not in my site.</p>