title: Removing White Space at Bottom of Page
body: <p>Need to remove the white space from the bottom of my web page, not sure what's causing it, most likely a div. I've tried setting height of all elements, not successful. Could it be something with the footer or the Welcome div? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* * {
     border: 1px solid red !important;
  }
  */
  
  body {
    background: rgba(1, 1, 1, 0);
    height: 100%;
  }
  #welcome {
    font-family: "Alfa Slab One", serif;
    text-align: center;
    font-size: 40px;
    color: white;
    margin-bottom: 0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    display: none;
  }
  #welcomediv {
    margin-left: 20px;
    font-family: "Alegreya SC", serif;
    font-size: 30px;
    display: none;
  }
  #About {
    height: auto;
    background: black;
    margin-top: 30px;
  }
  #abouth1 {
    padding-top: 10px;
    font-family: "Alfa Slab One", serif;
    color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    text-align: center;
  }
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
  }
  #navbar {
    display: none;
  }
  #navbar li {
    float: left;
  }
  #navbar li a {
    font-family: "Alfa Slab One", serif;
    font-size: 20px;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    padding-bottom: 10px;
    text-decoration: none;
  }
  #navbar li a:hover {
    background-color: #111;
  }
  #homepageh1 {
    padding-left: 15px;
    margin-top: 0;
    margin-left: -10px;
    margin-bottom: 0;
    color: white;
    font-size: 35px;
    font-family: "Alfa Slab One";
    text-shadow: 4px 4px 4px black;
    display: none;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
  }
  h3 {
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 30px;
    color: black;
    font-family: "Alegreya Sans SC";
    display: none;
  }
  li {
    margin-bottom: 5px;
  }
  footer {
    font-size: 20px;
    position: relative;
    bottom: 0;
    right: 25%;
    margin-left: 650px;
    text-align: center;
    display: none;
  }
  .fa {
    color: white;
    margin-left: 200px;
  }
  #moveleft {
    margin-left: 75px;
    margin-bottom: 0;
    height: 300px;
  }
  #globe {
    color: white;
    font-family: "Alegreya Sans SC", serif;
    padding-left: 175px;
    font-size: 40px;
    margin-top: -40px;
  }
  #brandsp {
    font-size: 20px;
    margin-left: -80px;
    margin-top: -40px;
    margin-bottom: 0;
  }
  #newdiv {
    margin-top: 0;
    font-size: 20px;
    margin-left: -40px;
  }
  #clockicon {
    position: relative;
    padding-left: 345px;
    bottom: 212.5px;
  }
  #clock {
    position: relative;
    color: white;
    bottom: 254.5px;
    padding-left: 510px;
    font-family: "Alegreya Sans SC", serif;
    font-size: 40px;
  }
  #clock a {
    color: white;
    text-decoration: none;
  }
  #clock a:hover {
    color: grey;
  }
  #clockp {
    position: relative;
    bottom: 42.5px;
    font-size: 20px;
    padding-left: -200px;
    margin-left: -80px;
  }
  #newdiv2 {
    position: relative;
    bottom: 65px;
    font-size: 20px;
    margin-left: -25px;
  }
  #newdiv3 {
    position: relative;
    bottom: 115px;
    font-size: 20px;
    margin-left: -20px;
  }
  #newspapericon {
    position: relative;
    bottom: 590px;
    margin-left: 900px;
  }
  #newspaper {
    font-family: "Alegreya Sans SC", serif;
    color: white;
    bottom: 641.5px;
    position: relative;
    font-size: 40px;
    margin-left: 900px;
  }
  #newspaperdiv1 {
    position: relative;
    bottom: 65.5px;
    font-size: 20px;
    font-family: "Alegreya Sans SC", serif;
    margin-left: -130px;
  }
  #newspaperdiv2 {
    position: relative;
    font-size: 20px;
    font-family: "Alegreya Sans SC", serif;
    margin-left: -40px;
    bottom: 117.5px;
    a
  }
  #newspaperp {
    position: relative;
    font-family: "Alegreya Sans SC", serif;
    font-size: 20px;
    color: white;
    bottom: 42.5px;
    margin-left: -70px;
  }
  #getstarted {
    position: relative;
    bottom: 90px;
    font-family: "Alfa Slab One", serif;
    color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    text-align: center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta name="description" content="Global Hypebeast is a website for exploring street fashion all across the globe. From everything from Supreme to The Hundreds, Global Hypebeast has it all. This isn't your regular fashion website. 
                     I put in all the work myself to create a truly personalized website that brings fashion into the spotlight." /&gt;
    &lt;title&gt;Street Wear from Across the World&lt;/title&gt;
    &lt;link rel="icon" href="http://www.globalhypebeast.com/favicon.ico?v=2" /&gt;
    &lt;link href='//fonts.googleapis.com/css?family=Alfa Slab One|Alegreya Sans SC|Alegreya SC|Space Mono' rel='stylesheet' /&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /&gt;
    &lt;link type="text/css" rel="stylesheet" href="stylesheet.css" /&gt;
    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h1 id="homepageh1"&gt;Global Hypebeast: Street Fashion Worldwide&lt;/h1&gt;
    &lt;ul id="navbar"&gt;
      &lt;li&gt;&lt;a class="active" href="http://www.globalhypebeast.com"&gt;HOME&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="http://www.globalhypebeast.com/brands"&gt;BRANDS&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;NEWS&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;ENTERTAINMENT&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;h1 id="welcome"&gt;
     Mission Hypebeast
    &lt;/h1&gt;
    &lt;div id="welcomediv"&gt;
      Welcome to Global Hypebeast. I created this website with the intent of sharing street fashion from all around the globe. Street wear is becoming more prominent in cities all around the world, especially those with a high population such as Tokyo, New
      York, and Los Angeles. On this site, you will find street wear images, upcoming brand collaborations, and a general definition of what street fashion really is. If you haven't already acquired a taste for street wear, you will after spending time
      on my website. I promise you. Who doesn't want to be in the know of the world's most iconic fashion?
    &lt;/div&gt;
    &lt;div id="About"&gt;
      &lt;h1 id=abouth1&gt;
      Everything From Fashion To Entertainment
     &lt;/h1&gt;
      &lt;div id="moveleft"&gt;
        &lt;i class="fa fa-globe fa-5x" aria-hidden="true"&gt;&lt;/i&gt;
        &lt;div id="globe"&gt;
          &lt;p&gt;
            Brands
          &lt;/p&gt;
          &lt;p id="brandsp"&gt;
            We've got fashion from Supreme,
            &lt;br/&gt;
            &lt;div id="newdiv"&gt;Palace, Bape, Stussy, etc.&lt;/div&gt;
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;i id="clockicon" class="fa fa-clock-o fa-5x" aria-hidden="true"&gt;&lt;/i&gt;
        &lt;div id="clock"&gt;
          &lt;p&gt;
            Articles
          &lt;/p&gt;
          &lt;p id="clockp"&gt;
            New articles are posted daily so
            &lt;br/&gt;
            &lt;div id="newdiv2"&gt;you'll never miss out&lt;/div&gt;
            &lt;br/&gt;
            &lt;div id="newdiv3"&gt;on fashion again.&lt;/div&gt;
          &lt;/p&gt;
        &lt;/div&gt;
        &lt;i id="newspapericon" class="fa fa-newspaper-o fa-5x" aria-hidden="true"&gt;&lt;/i&gt;
        &lt;div id="newspaper"&gt;
          &lt;p&gt;
            News
          &lt;/p&gt;
          &lt;p id="newspaperp"&gt;
            Entertainment and fashion
            &lt;br/&gt;
            &lt;div id="newspaperdiv1"&gt;news combined creates the best experience&lt;/div&gt;
            &lt;br/&gt;
            &lt;div id="newspaperdiv2"&gt;for all things fashion.&lt;/div&gt;
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;h1 id="getstarted"&gt;
       Get started! Check out some posts!
      &lt;/h1&gt;
    &lt;/div&gt;
    &lt;footer&gt;
      &lt;p&gt;&amp;copy; Daniel Sigut&lt;/p&gt;
    &lt;/footer&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>