JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>My Site</title>
  </head>
  <body>
    <main>
      <article id="home">
        <h1>Welcome</h1>
        <p>Welcome to our website. We would like you to enjoy your stay with us as much as possible.</p>
      </article>
      <article id="contact">
        <h1>Contact</h1>
        <p>We would love for you to get in touch with us.</p>
      </article>
      <article id="privacy-policy">
        <h1>Privacy Policy</h1>
        <p>We do value the privacy of our visitors.</p>
      </article>
    </main>
    <nav>
      <h2>Navigation</h2>
      <ul>
        <li><a href="#home">Home</a></li>
        <li><a href="#contact">Contact</a></li>
        <li><a href="#privacy-policy">Privacy Policy</a></li>
      </ul>
    </nav>
  </body>
</html>

CSS

article:not(:target) { display: none; }
#home { background: #ffc; }
#contact { background: #ffc; }
#privacy-policy { background: #ffc; }