title: Why won't my font colour change? CSS3
body: <p>im trying to change the colour of #commentslink to white. All my other font styling (font- family, size) is working, just the colour won't change</p>
  
  <p>My HTML is this;</p>
  
  <pre><code>&lt;div id="commentslink"&gt;
    &lt;div class="circle"&gt;
      &lt;p&gt;&lt;a href=""&gt;10&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my CSS is this</p>
  
  <pre><code>a:link, a:visited {
    color: #0eb0d3;
    text-decoration: none;
  }
  
  a:hover {
    color: #0eb0d3;
    opacity: 0.4;
    text-decoration: none;
  }
  
  
  #commentslink {
    float: right;
    font-color: #ffffff;
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
  }
  
  .circle {
    float: right;
    background-color: #f89b2d;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    position: relative;
    margin-top: -10px;
    margin-right: 20px;
  }
  </code></pre>