title: Sticky footer hiding content
body: <p>I made the following sticky footer using CSS. The bottom page content is currently hidden behind the footer (see the attached screenshot). How can I adjust my CSS so that all of the body content is visible and the footer remains stuck to the bottom of the browser window? Thank you!</p>
  
  <p><img src="https://i.stack.imgur.com/FKELf.png" alt="enter image description here"></p>
  
  <p>CSS:</p>
  
  <pre><code>.fo {
      position: absolute;
      left: 0;
      bottom: 0;
      height:65px;
      width: 100%;
      color: #eaeaea;
      margin-left: -8px;
  }
  </code></pre>