<p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi
  doloribus totam omnis quas impedit, numquam incidunt iste aliquid
  praesentium deserunt, animi ullam eaque inventore nihil sequi fuga
  nostrum officia? Unde. Lorem ipsum dolor, sit amet consectetur
  adipisicing elit. Quisquam debitis magnam aperiam ea aut
  praesentium, fugit voluptates at eum amet, vitae provident nulla
  similique. Libero magni soluta expedita quas ullam.
</p>
<p>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe
  dolore quidem, neque molestiae aliquam consequatur sed. Cumque ab,
  odio dicta blanditiis quaerat inventore, corrupti maiores nisi sed,
  voluptatibus atque accusantium? Lorem ipsum, dolor sit amet
  consectetur adipisicing elit. Ut quisquam perferendis nesciunt
  dignissimos similique eligendi tempora odio pariatur. Suscipit fugit
  voluptatum animi voluptas minima aliquam voluptate sed iusto
  temporibus veniam.
</p>
<p>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla
  velit animi maiores, soluta sequi dicta nemo iusto quasi, dolorum
  perspiciatis accusantium, perferendis id iste quaerat unde eum
  consequuntur? Sunt, velit! Lorem, ipsum dolor sit amet consectetur
  adipisicing elit. Sunt possimus magni incidunt ex consequatur
  blanditiis. Facilis excepturi nemo, totam sunt temporibus delectus
  minima aliquam expedita tempore quidem tempora quo nobis?
</p>

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");

p::first-letter {
  font-size: xx-large;
  color: #111111;
}

p::first-line {
  color: #444444;
}

/* Additional styling */
body {
  margin: 0;
  padding: 12px 20px;
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

p {
  font-family: Roboto;
  text-transform: uppercase;
  color: #808080;
}