title: Making my text white with a black CSS background
body: <p>I am having an issue with my HTML code where i want to have white text over my black background. However i do not know how i would do that. </p>
  
  <p>Here is my HTML: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Home&lt;/title&gt; 
      &lt;link rel="stylesheet" type="text/css" href="home.css"&gt;
      &lt;meta charset="UTF-8"&gt;  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;main&gt;
          &lt;header&gt; 
          &lt;h1&gt;Site Index&lt;/h1&gt; 
          &lt;/header&gt;
              &lt;nav&gt;
                  &lt;a href="homePage.html"&gt;Home&lt;/a&gt;
                  &lt;a href="blog.html"&gt;Blog&lt;/a&gt;
                  &lt;a href="news.html"&gt;News&lt;/a&gt;
                  &lt;a href="contact.html"&gt;Contact Us&lt;/a&gt;   
              &lt;/nav&gt;
          &lt;section&gt;
              &lt;article&gt;
                  &lt;h2&gt;This is the section&lt;/h2&gt;
              &lt;p style="color: #50FFFF; font-size: 16px;
                  text-shadow:
                   0px 0px 2px #1040FF,
                  -2px -2px 2px #1040FF,
                   2px -2px 2px #1040FF,
                  -2px 2px 2px #1040FF,
                   2px 2px 2px #1040FF;"&gt;
              This is my home page of my test HTML web page.
              Right now i am using a HTML style on this paragraph. It 
              uses a hexidecimal color, font size of 16 px and text shadow. 
              &lt;/p&gt;
              &lt;/article&gt;
          &lt;/section&gt;
      &lt;hr&gt;
  &lt;footer&gt;
      &lt;strong&gt;
              Copyright &amp;copy; 2016 Stephen Fawcett, All rights reserved
      &lt;/strong&gt;
  &lt;/footer&gt;
  &lt;/main&gt; 
  &lt;/body&gt;
  
  &lt;/html&gt; 
  </code></pre>
  
  <p>And my CSS: </p>
  
  <pre><code>body {
      background-color: #101010
  } 
  
  h1 {
      color: #ffffff
  }
  
  footer {
      color: #ffffff
  }
  </code></pre>
  
  <p>So basically, I want my heading and footer to appear on  the webpage. But since the text is black itself, it does not appear over a black background. How do i make my heading and footer brighter ? </p>
  
  <p>I appreciate all the feedback i can get.</p>