$blue: #0353a5;
$gray: #757171;
$black: #040707;

//variable argument, allows you to input whatever you want
@mixin transition($style, $length: 500ms, $delay: 0) {
	transition: $style $length $delay;
}

@mixin customTransition($style...) {
	transition: $style;
}

@-webkit-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@mixin fadeIn($speed: 750ms) {
	-webkit-animation: fadeIn $speed; /* Safari 4+ */
	-moz-animation:    fadeIn $speed; /* Fx 5+ */
	-o-animation:      fadeIn $speed; /* Opera 12+ */
	animation:         fadeIn $speed; /* IE 10+, Fx 29+ */
}

.fadeIn {
	@include fadeIn;
}