JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

  <body>
    <main>
      <h1>
        Well Designed Website!
      </h1>
      <p>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus tempora omnis alias hic ipsa minima enim odio maxime est, blanditiis officiis, vitae a reiciendis numquam dicta, voluptatum provident dolorem exercitationem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum unde maxime alias saepe voluptas totam officia aperiam. Iste incidunt impedit, repellendus earum, sed, ipsa cumque tempora commodi dicta iusto voluptas.
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus tempora omnis alias hic ipsa minima enim odio maxime est, blanditiis officiis, vitae a reiciendis numquam dicta, voluptatum provident dolorem exercitationem.
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum unde maxime alias saepe voluptas totam officia aperiam. Iste incidunt impedit, repellendus earum, sed, ipsa cumque tempora commodi dicta iusto voluptas.
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus tempora omnis alias hic ipsa minima enim odio maxime est, blanditiis officiis, vitae a reiciendis numquam dicta, voluptatum provident dolorem exercitationem.
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum unde maxime alias saepe voluptas totam officia aperiam. Iste incidunt impedit, repellendus earum, sed, ipsa cumque tempora commodi dicta iusto voluptas.
      </p>
      <p>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus tempora omnis alias hic ipsa minima enim odio maxime est, blanditiis officiis, vitae a reiciendis numquam dicta, voluptatum provident dolorem exercitationem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum unde maxime alias saepe voluptas totam officia aperiam. Iste incidunt impedit, repellendus earum, sed, ipsa cumque tempora commodi dicta iusto voluptas.
        Lorem, ipsum dolor sit amet consectetur...

CSS

body {
  margin: 0;
}

::-webkit-scrollbar {
  appearance: none;
}

::-webkit-scrollbar-thumb {
  background-color: purple;
  border-radius: 5px
}

main {
  width: 100vw;
  height: 100vh;
  background: repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f69d3c 20%);
  overflow-y: scroll;
}