I've uncovered the secrets of CSS chosting but if anyone has any tips for better text outlines or stroke, I would be interested. Right now it looks crusty af.
<div style="text-align: justify;padding: 10%;margin:2.5%;background: #fff4 linear-gradient(45deg, #000000, #fff433, #fbf9f5, #9b59d0, #000000);border: thick solid #ddd8;border-radius: 20px;box-shadow: 5px 5px 15px #0004;opacity:0.9;">
<h1 style="font-size: 1.5em; -webkit-text-stroke: 1px white">
text goes here
</h1>
</div>
help me my crops are dying