.logo {
	width: 128px;
  height: 128px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: -webkit-radial-gradient(40% 40%, farthest-side, #2da65e ,#1c944d, #0d7a3a);
}

.content {
	font-size: 50px;
  color: #ffffff;
  @include text-shadow(longshadow(darken($bg,30%),$bg,50, 0.5));
}

@function longshadow($color_a,$color_b,$stepnum, $opacity: 1){

  $gradient_steps: null;

  @for $i from 1 through $stepnum {

    $weight: ( ( $i - 1 ) / $stepnum ) * 100;

    $colour_mix: mix($color_b, rgba($color_a, $opacity), $weight);

    $seperator: null;

    @if($i != $stepnum){
      $seperator: #{','};
    }

    $gradient_steps: append( #{$gradient_steps}, #{$i}px #{$i}px $colour_mix $seperator );

  }

  @return $gradient_steps;

}