title: Hyperlink won't change color on hover or on visited
body: <p>This is part of my HTML. The hyperlinks don't change color when you hover over them, even though I have them coded to. Do you have any idea why not?</p>
  
  <pre><code>&lt;div class = 'container' &gt;
                      &lt;header&gt; name goes here Illustration&lt;/header&gt;
                  &lt;nav&gt;
                      &lt;!-- Site navigation menu --&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href = 'index.html'&gt;home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href = '#'&gt;film &amp; Game &lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href = '#'&gt;sketchbook&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href = '#'&gt;paintings&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href = 'contact.html'&gt;contact/Info&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/nav&gt;
  
                  &lt;!-- Main content --&gt;
                  &lt;div  id='content' &gt; &lt;/div&gt;
  
  
              &lt;/div&gt;
  </code></pre>
  
  <p>and this is a part of my CSS</p>
  
  <pre><code>a:      link{
      color:              white;
      font-size:          40px;
      font-family:        Modern No. 20;
      text-decoration:    none;
  
      }
  
  a: visited{
      color:          yellow;
      font-size:      20px;
      font-family:    Modern No. 20;
      text-decoration:    none;
      }
  
  a:  hover{
      color:  blue;
      text-decoration:    underline;
  }
  </code></pre>