Color Gradient for Headings

:root {
  --linear-gradient: linear-gradient(
    45deg,
    #ff006e,
    #8b00ff,
    #00f5ff,
    #00ff88,
    #ffaa00,
    #ff006e);
}

h1, h2, h3, h4, h5, h6 {
    background: var(--linear-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}