<h1>Hello World!</h1>
$bg: #e4e2f2;

html,
body {
	background: $bg;
	width: 100%;
	height: 100%;
}

h1 {
	font-family: sans-serif;
	text-transform: uppercase;
	font-size: 18vw;
	text-align: center;
	font-weight: normal;
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	color: white;
	letter-spacing: .6rem;
  text-shadow: 20px 20px 40px black, 20px 20px 40px pink ;
  transition: all 1s ease-out;
  &:hover {
    text-shadow: -20px 20px 40px black, -20px 20px 40px pink;
  }
}

View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.