<section class="advantages">

  <div class="fixed-nav">
    <p>Here comes the blur!</p>
  </div>
  
  <div class="blur">I'm blur!!! бафылдфлао</div>
  
  <div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam vero, ab, repellat quis mollitia cumque. Voluptas dicta alias, dolorum, rem qui, voluptatibus ullam deleniti doloribus placeat officia facilis! Blanditiis nulla hic, officia labore debitis sunt ut ad. Similique eligendi, accusamus omnis magni, possimus qui iure eos perspiciatis, nemo eaque nam alias obcaecati necessitatibus error doloremque laborum non tempora nobis earum est, provident eveniet ea libero! Cum odit ex dolorem omnis ab architecto suscipit tempora error assumenda rerum mollitia quia eum nihil voluptas fugiat velit atque similique dolores iste pariatur, odio reiciendis? Aliquid, harum, quae. Aliquam, eveniet! Enim reprehenderit facere fugit nulla earum voluptatibus illo accusantium deleniti. Quae voluptas eveniet facere iure, inventore rem aliquam ipsam at nobis esse repellendus officiis, cum eaque sequi natus unde odit maxime aut commodi architecto? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, culpa. Illum praesentium, vel enim id aut nostrum, laudantium ducimus quisquam recusandae optio dolor fugit minus nemo molestiae distinctio iste. Officiis qui nemo laboriosam atque ad veritatis eaque, officia delectus non, ut repellendus facere rerum. Temporibus tempore beatae facilis. Ducimus assumenda harum modi quisquam, incidunt, ipsam ut maiores eligendi illo quo hic fugiat non. Illum nostrum ut nisi numquam aspernatur magnam corporis deleniti magni libero consequatur, deserunt itaque voluptate ratione ad, tempora quas, cupiditate odit necessitatibus adipisci assumenda saepe voluptates minus soluta asperiores. Velit eos illo suscipit mollitia minus aperiam voluptates veritatis dicta praesentium non accusantium eligendi animi repellendus neque, labore eius tempore, ipsa fuga est consequatur totam facilis. Autem voluptates suscipit ex sed quis ipsam placeat quos. Eius, ipsum, corporis!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia illum eos cumque ad corporis. At, vitae alias odio, facere deleniti quisquam officia libero tempore repellendus asperiores, necessitatibus. Eum mollitia alias temporibus laborum, aliquam quia, facilis qui quisquam voluptas. Porro ipsa nulla facilis non laudantium odio doloremque quia obcaecati voluptatibus, quo?</p>
    <p>3</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta accusantium quo, quos vero quisquam laborum dignissimos ex, nesciunt ea possimus voluptatibus veniam iusto repudiandae eos magnam. Dicta expedita dolor adipisci minima repellendus harum tenetur dolorum quasi, eligendi, minus, totam reprehenderit reiciendis vero quod omnis est consequatur inventore eaque? Illo, accusantium.</p>
    <p>5</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet veritatis repellendus delectus laudantium maiores fugiat dicta, aut ea veniam nihil!</p>
    <p>7</p>
    <p>8</p>
    <p>9</p>
    <p>10</p>
  </div>




</section>

p {
  margin-bottom: 50px;
}

.fixed-nav {
  position: fixed;
  background: rgba(255,255,255,0.8);
  width: 100%;
  height: 100px;
  border: 1px solid black;
  z-index: 2;
  
  p {
    font-size: 20px;
    padding-left: 35%;
  }
}

.blur {
  position: fixed;
  background: rbga(255,255,255,.5);
  width: 100%;
  height: 100px;
  filter: blur(2px);
  z-index: 1;
}