/* My intro for Homepage fading in */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Submit button Blinking Animation on Contact page*/

@-webkit-keyframes submitBgBlink {
from {background: #566556;
	 
	}
50% {background: #16D797;
	
	}
to {background: #566556;

	 }
}


@-moz-keyframes submitBgBlink {
from {background: #566556;
	 
	}
50% {background: #16D797;
	
	}
to {background: #566556;

	 }
}

@keyframes submitBgBlink {
from {background: #566556;
	 
	}
50% {background: #16D797;
	
	}
to {background: #566556;

	 }
}




/* My Face eyes Blink */

@-webkit-keyframes eyesBlink {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@-moz-keyframes eyesBlink {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@keyframes eyesBlink {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}



@-webkit-keyframes eyesBlinking {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@-moz-keyframes eyesBlinking {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@keyframes eyesBlinking {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@-webkit-keyframes eyesBlinkingAgain {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}



@-moz-keyframes eyesBlinkingAgain {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@keyframes eyesBlinkingAgain {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@-webkit-keyframes eyesBlinkingFinal {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@-moz-keyframes eyesBlinkingFinal {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


@keyframes eyesBlinkingFinal {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


/* My Face Eyes Blinking Hover (Not Used) */
@-webkit-keyframes eyesBlinkHover {
	
	
	
    from { background-position:0 0;}
    to   { background-position:0 -2400px;}
}


/*Nav Blinking Hover Effect*/

@-webkit-keyframes navBlinking {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}


@-moz-keyframes navBlinking {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}


@keyframes navBlinking {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}

/*E-mail hover */

@-webkit-keyframes emailHoverBlink {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}

@-moz-keyframes emailHoverBlink {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}

@keyframes emailHoverBlink {
from {color: #566556;
	 
	}
50% {color: #16D797;
	
	}
to {color: #566556;

	 }
}


/* Facebook, Twitter and LinkedIn background-color animation */

@-webkit-keyframes SocialMediaBgBlink {
from {background-color: #566556;
	 
	}
50% {background-color: #16D797;
	
	}
to {background-color: #566556;

	 }
}


@-moz-keyframes SocialMediaBgBlink {
from {background-color: #566556;
	 
	}
50% {background-color: #16D797;
	
	}
to {background-color: #566556;

	 }
}

@keyframes SocialMediaBgBlink {
from {background-color: #566556;
	 
	}
50% {background-color: #16D797;
	
	}
to {background-color: #566556;

	 }
}