@import url(http://fonts.googleapis.com/css?family=League+Script);
$font-family: 'League Script';



@mixin neon($size, $color) {
  color: mix(white,$color,70%);
  filter: 
    blur($size)
    drop-shadow(0 0 $size $color) 
    drop-shadow(0 0 pow($size,2) adjust-hue($color, -15deg)) 
    drop-shadow(0 0 pow($size,2)*2 adjust-hue($color, 15deg));
}
$color: mix(white,red,70%);

h1, h2, h3 {
  flex: 0 0 100%;
  text-align: center;
  font-family: $font-family;
  margin: auto;
}

h1 {
  @include neon(2px, red);
  font-size: 15vw;
}
h2 {
  @include neon(2px, green);
  font-size: 10vw;
}
h3 {
  @include neon(2px, blue);
  font-size: 8vw;
}
 a {
   color: currentColor;
 }



body {
  background-image: 
    linear-gradient(to bottom, #000 50%,transparent 50%),
    linear-gradient(to right, #000 50%,transparent 50%);
  background-color: #222;
  background-size: 5px, 5px;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-flow: wrap;
}