JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
  <li>hello, world!!</li>
  <li>fuck the world</li>
  <li>fuck everything</li>
</ul>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>

CSS

section {
  height: 400px;
}

section:nth-child(odd) { background: white; }
section:nth-child(even) { background: black; }

.menu {
  position: fixed;
  font: bold 48px monospace;
  text-decoration: underline;
  color: white;
  mix-blend-mode: difference;
}