title: Big space of nothingness on my website
body: <p>I've developed a website using CSS and HTML code. I think it looks great. It's responsive, it has a sleek design, and it's interactive.</p>
  
  <p>However, I've ran into a little problem. When I scroll down, there is a big space of absolutely nothing just sitting there. I've tried adding content to this space, but when I do, the space just runs off below the content. I have no idea what's causing this big space of nothingness, so I was hoping you guys could help.</p>
  
  <p>Picture of the problem:
  <a href="http://i.stack.imgur.com/SGxgz.png" rel="nofollow">Space problem</a></p>
  
  <p>So, as you can see, if you look at the top, that's the finishing content. After that content, I just want that to complete the bottom portion of my website. However, for some reason, it shows a big space of the black background on my website, and I don't know how to get rid of it. Could somebody please help me?</p>
  
  <p>The full source code of my website can be seen here: <a href="http://pastebin.com/4EpMLtq7" rel="nofollow">http://pastebin.com/4EpMLtq7</a></p>
  
  <p>(The fonts might look weird though if you don't have some of them installed.)</p>
  
  <p>Thanks!</p>