title: Applying CSS properties via id attribute
body: <p>I'm trying to re-create the SHARKFIN:</p>
  
  <blockquote>
    <p><img src="https://i.stack.imgur.com/AEKmd.png" alt="Screenshot"></p>
  </blockquote>
  
  <p>HTML and CSS:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;SHARKFIN&lt;/title&gt;
          &lt;link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'&gt;
          &lt;style&gt;
              .logo {font:70px Montserrat; color:white}
              .fin {color:#43C4DD !important ;}
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="logo"&gt;SH&lt;span id="a"&gt;A&lt;/span&gt;RK&lt;span id="fin"&gt;FIN&lt;/span&gt;&lt;/div&gt; &lt;!--SHARKFIN broken into parts--&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>