title: Have div go under a position fixed nav
body: <p>I am currently trying to fix an issue where when I make any divs under my nav it goes to the top left of the page. If I put a padding-bottom on the nav it fixes the issue, but I'm trying to make the page responsive and not have to play around with padding numbers.</p>
  <p><a href="https://codepen.io/gmorabito/pen/JjMMdOj" rel="nofollow noreferrer">https://codepen.io/gmorabito/pen/JjMMdOj</a></p>
  <pre><code>nav{
      position: fixed;
      top: 40px;
      width: 95%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      min-height: 8vh;   
      z-index: 9999;
      border: 1px solid black;
      border-radius: 10px;
      margin-left:2.5%;
      z-index: 1;
  }
  </code></pre>