<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;
  }
}