<div class="container">
  <p>Try scrolling down this page. The scrollbar is hidden, but scrolling still works.</p>
  <p>Cupiditate in odit dolore omnis dignissimos neque? Tempore ratione at id illum officia quia odit unde reprehenderit atque, officiis quidem. Aliquam aspernatur repudiandae qui molestias ab earum, quis libero. Dolor?</p>
  <p>Ducimus minus amet velit excepturi ab eveniet doloremque sapiente magnam fugit hic! Quasi accusamus temporibus quis doloremque. Ducimus, vero, error aut voluptatem non animi iusto impedit, voluptas ipsum possimus labore.</p>
  <p>Adipisci cumque quis est placeat rem? Autem iure dolore, esse eligendi sequi placeat recusandae eveniet a fugiat exercitationem rerum? Earum id incidunt, nihil laboriosam vero maiores consequatur voluptatum eveniet tenetur?</p>
  <p>Corrupti accusantium voluptatum iste harum nesciunt doloremque officiis provident ad? Vel error rem dolorem! Iusto modi animi, corporis minus numquam eos beatae explicabo tenetur quos quasi est! Perferendis, inventore. Quod!</p>
  <p>Aliquid odit facere quod soluta quia commodi distinctio, tempora incidunt ab, molestiae eveniet recusandae asperiores quibusdam maxime at, ducimus accusantium repellendus facilis consectetur nostrum minima quasi. Velit corrupti accusantium corporis!</p>
  <p>Saepe a illo aperiam nemo, in sint aspernatur veniam obcaecati voluptas. Alias laborum sapiente, obcaecati vero fuga doloribus nihil consequatur eius illo et dolor laboriosam, dolores libero sed accusamus blanditiis.</p>
  <p>Ab laudantium commodi voluptatum est, excepturi illo recusandae aut voluptatibus voluptatem incidunt blanditiis architecto eum, dolor omnis ipsam consequatur officiis laboriosam! Corporis perspiciatis iure cupiditate perferendis totam necessitatibus neque veniam?</p>
  <p>Eum consequatur sit quia repellat tenetur molestiae provident perspiciatis exercitationem corporis, non doloribus maiores ullam placeat cupiditate quod dolore sapiente, a excepturi consectetur earum velit mollitia? Officia, quo. Laboriosam, deserunt.</p>
  <p>Omnis voluptatibus ipsa eaque aspernatur ex? Dolorum, veritatis, a velit ratione soluta accusantium explicabo cum, alias illo quam nisi cupiditate pariatur nulla quae libero expedita dolor! Eveniet sit praesentium labore?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure nam assumenda in sit totam, rerum possimus natus atque sed commodi minima doloremque quidem fugit amet, fugiat non dicta ullam expedita?</p>
  <p>Cupiditate in odit dolore omnis dignissimos neque? Tempore ratione at id illum officia quia odit unde reprehenderit atque, officiis quidem. Aliquam aspernatur repudiandae qui molestias ab earum, quis libero. Dolor?</p>
  <p>Ducimus minus amet velit excepturi ab eveniet doloremque sapiente magnam fugit hic! Quasi accusamus temporibus quis doloremque. Ducimus, vero, error aut voluptatem non animi iusto impedit, voluptas ipsum possimus labore.</p>
  <p>Adipisci cumque quis est placeat rem? Autem iure dolore, esse eligendi sequi placeat recusandae eveniet a fugiat exercitationem rerum? Earum id incidunt, nihil laboriosam vero maiores consequatur voluptatum eveniet tenetur?</p>
  <p>Corrupti accusantium voluptatum iste harum nesciunt doloremque officiis provident ad? Vel error rem dolorem! Iusto modi animi, corporis minus numquam eos beatae explicabo tenetur quos quasi est! Perferendis, inventore. Quod!</p>
  <p>Aliquid odit facere quod soluta quia commodi distinctio, tempora incidunt ab, molestiae eveniet recusandae asperiores quibusdam maxime at, ducimus accusantium repellendus facilis consectetur nostrum minima quasi. Velit corrupti accusantium corporis!</p>
  <p>Saepe a illo aperiam nemo, in sint aspernatur veniam obcaecati voluptas. Alias laborum sapiente, obcaecati vero fuga doloribus nihil consequatur eius illo et dolor laboriosam, dolores libero sed accusamus blanditiis.</p>
  <p>Ab laudantium commodi voluptatum est, excepturi illo recusandae aut voluptatibus voluptatem incidunt blanditiis architecto eum, dolor omnis ipsam consequatur officiis laboriosam! Corporis perspiciatis iure cupiditate perferendis totam necessitatibus neque veniam?</p>
  <p>Eum consequatur sit quia repellat tenetur molestiae provident perspiciatis exercitationem corporis, non doloribus maiores ullam placeat cupiditate quod dolore sapiente, a excepturi consectetur earum velit mollitia? Officia, quo. Laboriosam, deserunt.</p>
  <p>Omnis voluptatibus ipsa eaque aspernatur ex? Dolorum, veritatis, a velit ratione soluta accusantium explicabo cum, alias illo quam nisi cupiditate pariatur nulla quae libero expedita dolor! Eveniet sit praesentium labore?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure nam assumenda in sit totam, rerum possimus natus atque sed commodi minima doloremque quidem fugit amet, fugiat non dicta ullam expedita?</p>
  <p>Cupiditate in odit dolore omnis dignissimos neque? Tempore ratione at id illum officia quia odit unde reprehenderit atque, officiis quidem. Aliquam aspernatur repudiandae qui molestias ab earum, quis libero. Dolor?</p>
  <p>Ducimus minus amet velit excepturi ab eveniet doloremque sapiente magnam fugit hic! Quasi accusamus temporibus quis doloremque. Ducimus, vero, error aut voluptatem non animi iusto impedit, voluptas ipsum possimus labore.</p>
  <p>Adipisci cumque quis est placeat rem? Autem iure dolore, esse eligendi sequi placeat recusandae eveniet a fugiat exercitationem rerum? Earum id incidunt, nihil laboriosam vero maiores consequatur voluptatum eveniet tenetur?</p>
  <p>Corrupti accusantium voluptatum iste harum nesciunt doloremque officiis provident ad? Vel error rem dolorem! Iusto modi animi, corporis minus numquam eos beatae explicabo tenetur quos quasi est! Perferendis, inventore. Quod!</p>
  <p>Aliquid odit facere quod soluta quia commodi distinctio, tempora incidunt ab, molestiae eveniet recusandae asperiores quibusdam maxime at, ducimus accusantium repellendus facilis consectetur nostrum minima quasi. Velit corrupti accusantium corporis!</p>
  <p>Saepe a illo aperiam nemo, in sint aspernatur veniam obcaecati voluptas. Alias laborum sapiente, obcaecati vero fuga doloribus nihil consequatur eius illo et dolor laboriosam, dolores libero sed accusamus blanditiis.</p>
  <p>Ab laudantium commodi voluptatum est, excepturi illo recusandae aut voluptatibus voluptatem incidunt blanditiis architecto eum, dolor omnis ipsam consequatur officiis laboriosam! Corporis perspiciatis iure cupiditate perferendis totam necessitatibus neque veniam?</p>
  <p>Eum consequatur sit quia repellat tenetur molestiae provident perspiciatis exercitationem corporis, non doloribus maiores ullam placeat cupiditate quod dolore sapiente, a excepturi consectetur earum velit mollitia? Officia, quo. Laboriosam, deserunt.</p>
  <p>Omnis voluptatibus ipsa eaque aspernatur ex? Dolorum, veritatis, a velit ratione soluta accusantium explicabo cum, alias illo quam nisi cupiditate pariatur nulla quae libero expedita dolor! Eveniet sit praesentium labore?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure nam assumenda in sit totam, rerum possimus natus atque sed commodi minima doloremque quidem fugit amet, fugiat non dicta ullam expedita?</p>
  <p>Cupiditate in odit dolore omnis dignissimos neque? Tempore ratione at id illum officia quia odit unde reprehenderit atque, officiis quidem. Aliquam aspernatur repudiandae qui molestias ab earum, quis libero. Dolor?</p>
  <p>Ducimus minus amet velit excepturi ab eveniet doloremque sapiente magnam fugit hic! Quasi accusamus temporibus quis doloremque. Ducimus, vero, error aut voluptatem non animi iusto impedit, voluptas ipsum possimus labore.</p>
  <p>Adipisci cumque quis est placeat rem? Autem iure dolore, esse eligendi sequi placeat recusandae eveniet a fugiat exercitationem rerum? Earum id incidunt, nihil laboriosam vero maiores consequatur voluptatum eveniet tenetur?</p>
  <p>Corrupti accusantium voluptatum iste harum nesciunt doloremque officiis provident ad? Vel error rem dolorem! Iusto modi animi, corporis minus numquam eos beatae explicabo tenetur quos quasi est! Perferendis, inventore. Quod!</p>
  <p>Aliquid odit facere quod soluta quia commodi distinctio, tempora incidunt ab, molestiae eveniet recusandae asperiores quibusdam maxime at, ducimus accusantium repellendus facilis consectetur nostrum minima quasi. Velit corrupti accusantium corporis!</p>
  <p>Saepe a illo aperiam nemo, in sint aspernatur veniam obcaecati voluptas. Alias laborum sapiente, obcaecati vero fuga doloribus nihil consequatur eius illo et dolor laboriosam, dolores libero sed accusamus blanditiis.</p>
  <p>Ab laudantium commodi voluptatum est, excepturi illo recusandae aut voluptatibus voluptatem incidunt blanditiis architecto eum, dolor omnis ipsam consequatur officiis laboriosam! Corporis perspiciatis iure cupiditate perferendis totam necessitatibus neque veniam?</p>
  <p>Eum consequatur sit quia repellat tenetur molestiae provident perspiciatis exercitationem corporis, non doloribus maiores ullam placeat cupiditate quod dolore sapiente, a excepturi consectetur earum velit mollitia? Officia, quo. Laboriosam, deserunt.</p>
  <p>Omnis voluptatibus ipsa eaque aspernatur ex? Dolorum, veritatis, a velit ratione soluta accusantium explicabo cum, alias illo quam nisi cupiditate pariatur nulla quae libero expedita dolor! Eveniet sit praesentium labore?</p>
</div>

@import url('https://fonts.googleapis.com/css2?family=Flow+Block&display=swap');

:root::-webkit-scrollbar{
  display: none;
}

:root {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body {
  font: 1em/1.5 'Flow Block', sans-serif;
  color: hsl(0 10% 30%);
}

p + p {
  margin-top: 1.5em;
}

.container {
  padding: 2em;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  
}

.container p:first-child {
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: 700;
}

.container p:nth-child(2n) {
  color: hsl(0 30% 70%);
}

.container p:nth-child(2n+1):not(:first-child) {
  color: hsl(20 70% 70%);
}