/* add a grient to you text for all browsers */
.gradient-text {
background: -webkit-linear-gradient(#3b82f6, #a855f7); /* <-- create background gradient. */
-webkit-background-clip: text; /* <-- have the gradient clip to the text. */
-webkit-text-fill-color: transparent; /* <-- make the text fill transeparent. */
}