JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>All that is gold does not glitter,
Not all those who wander are lost;
The old that is strong does not wither,
Deep roots are not reached by the frost.</p>
</div>

CSS

* {
   margin:0; padding:0; box-sizing: border-box;
}
div {
  background: linear-gradient(to bottom, #a00, #004, #040);
  margin: 20vh; height: 50vh;
  display: flex; justify-content: center; align-items: center; 
  border-radius: 10px; 
  box-shadow: 5px 5px 5px black;
}
p {
  white-space:pre;
  text-align: center; font-size: 16pt;
  text-shadow: 1px  1px 2px #ffc, -1px  1px 2px #cc6,
               1px -1px 2px #cc6, -1px -1px 2px #cc6;
}