@mixin heading {
	font-family: Orbitron, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: $primary-1;
}

@mixin hline($width, $height, $c1, $c2, $c3) {
	background: repeat-x center bottom / $width $height;
	background-image: linear-gradient(
			to right,
			$c3 0%, $c3 10%,
			$c1 10%, $c1 20%,
			$c2 20%, $c2 30%,
			$c3 30%, $c3 40%,
			$c2 40%, $c2 50%,
			$c3 50%, $c3 60%,
			$c1 60%, $c1 70%,
			$c3 70%, $c3 80%,
			$c1 80%, $c1 90%,
			$c2 90%, $c2 100%
	);
}
