<h1 class="gradient-text">Hello</h1>

$font: 'Poppins', sans-serif;

// Pen
.gradient-text {
	text-transform: uppercase;
	font: {
		size: 20vw;
		family: $font;
	};
	// Gradient text CSS
	background: linear-gradient(to right, #ff8a00 0%, #da1b60 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


// styles
body {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}