src/black-and-white/index.html

<html lang="en">
  <head>
    <link
      href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
      rel="stylesheet"
    />
    <link href="https://cdn.jsdelivr.net/npm/normalize.css" rel="stylesheet" />
    <link href="../base-styles.css" rel="stylesheet" />
    <link href="index.css" rel="stylesheet" />

    <title>Black and White Filter</title>
  </head>
  <body>
    <header>
      <h1 class="inspired-title">Black and White Filter</h1>
      <h2 class="inspired-credit">
        Inspiration:
        <cite class="inspired-credit__citation"
          ><a href="https://emotion.sh/">Emotion</a></cite
        >
      </h2>
    </header>

    <div class="black-and-white">
        <span class="segment segment__one">Black</span>
        <span class="segment segment__two">Lives</span>
        <span class="segment segment__three">Matter</span>
    </div>
  </body>
</html>