@function makeLongShadow($color) {

    $val: 0px 0px $color;

​

    @for $i from 1 through 40 {

        $color: fade-out(desaturate($color, 1%), .025);

        $val: #{$val}, #{$i * 0.5}px #{$i * 0.25}px #{$color};

    }

​

    @return $val;

}

​

html, body {

  width: 100%;

  height: 100%;

  display: flex;

  background: #000;

}

​

p {

  font-size: 80px;

  font-weight: bold;

  color: #44ffa9;

  margin: auto;

  transform: skewX(-10deg);

  white-space: nowrap;

  letter-spacing: 4px;

  text-shadow: makeLongShadow(hsl(152deg, 46%, 40%));

  -webkit-box-reflect: below 5px linear-gradient(transparent 30%, rgba(0, 0, 0, .35));

  filter: contrast(5);

  // transition: 2s;

  // animation: hueRotate 20s infinite linear;

//  &:hover {

//    filter: contrast(1);

//  }

}

​

​

​

​

​

​