h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}.gradient-text {
background-color: #f3ec78;
background-image: linear-gradient(45deg, #f3ec78, #af4261);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
h1 {
font-size: 72px;
background: -webkit-linear-gradient(#f3ec78, #af4261);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.heading-secondary {
font-size: 3.5rem;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
background-image: linear-gradient(to right, $color-primary-light, $color-primary-dark);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: 0.2rem;
transition: all 0.2s;h1 {
font-size: 72px;
background: -webkit-linear-gradient(#f3ec78, #af4261);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}.text {
background-clip: text;
-webkit-background-clip: text;
color: rgba(0,0,0,.2);
}