@charset "utf-8";

/* CSS Document */

header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	-webkit-animation-name: headerone; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards;
	animation-name: headerone;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	background-color: rgba(0,0,0,0);
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.60) 0%,rgba(255,255,255,0.00) 83.94%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.60) 0%,rgba(255,255,255,0.00) 83.94%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.60) 0%,rgba(255,255,255,0.00) 83.94%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.60) 0%,rgba(255,255,255,0.00) 83.94%);
}
/* Standard syntax */
@keyframes aboutdeco {
    0%   {-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
	50%   {-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);

}
 100%   {
	 -moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform:translateY(0px);
transform: translateY(0px);
}
}