@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	background-image:url(bgcolor.jpg);
}
@font-face{
	font-family: "Cinzel";
	src: url(Cinzel-Regular.ttf);
}
.ap_logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 25%;
}
.container{
	text-align: center;
	display: block;
	margin-top: 10px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.text1{
	text-align: center;
	font-size: 26px;
	text-shadow: 1px 1px 2px #888888;
	letter-spacing: 6px;
	margin-top: 10 px;
	animation: text1 2s 1;
}
.text2{
	text-align: center;
	font-size: 26px;
	text-shadow: 1px 1px 2px #888888;
	letter-spacing: 6px;
	margin-top: 10 px;
	animation: text2 2s 1;
}
.link{
	color: #000;
	text-shadow: 1px 1px 2px #888888;
	text-decoration: none;
	font-size: 36px;
	letter-spacing: 3px;
	animation: link 4s 1;
	transition-property: color;
	transition-duration: 0.5s;
}
.link:hover{
	color: #d1a354;
}
.mail{
	color: #222;
	text-shadow: 1px 1px 2px #888888;
	text-decoration: none;
	font-size: 22px;
	letter-spacing: 0px;
	animation: mail 5s 1;
	transition-property: color;
	transition-duration: 0.5s;
}
.mail:hover{
	color: #d1a354;
}
@keyframes text1{
	0%{
		color: #F5F0E1;
		margin-top: 0px;
		text-shadow: 0px 0px 0px #ffffff;
		letter-spacing: 0px;
	}
	30%{
		color: #F5F0E1;
		margin-top: 0px;
		text-shadow: 0px 0px 0px #ffffff;
		letter-spacing: 0px;
	}
	100%{
		color: #222222;
		margin-top: 10px;
		text-shadow: 1px 1px 2px #888888;
	}
}
@keyframes text2{
	0%{
		color: #F5F0E1;
		margin-top: 0px;
		text-shadow: 0px 0px 0px #ffffff;
		letter-spacing: 0px;
	}
	60%{
		color: #F5F0E1;
		margin-top: 0px;
		text-shadow: 0px 0px 0px #ffffff;
		letter-spacing: 0px;
	}
	100%{
		color: #222222;
		margin-top: 10px;
		text-shadow: 1px 1px 2px #888888;
	}
}
@keyframes link{
	0%{
		color: #F5F0E1;
		text-shadow: 1px 1px 2px #F5F0E1;
		letter-spacing: 1px;
	}
	50%{
		color: #F5F0E1;
		text-shadow: 0px 0px 2px #F5F0E1;
		letter-spacing: 1px;
	}
	100%{
		color: #000;
		text-shadow: 1px 1px 2px #888888;
		letter-spacing: 3px;
	}
}
@keyframes mail{
	0%{
		color: #F5F0E1;
		text-shadow: 1px 1px 2px #F5F0E1;
		letter-spacing: 3px;
	}
	85%{
		color: #F5F0E1;
		text-shadow: 0px 0px 2px #F5F0E1;
		letter-spacing: 3px;
	}
	100%{
		color: #000;
		text-shadow: 1px 1px 2px #888888;
		letter-spacing: 0px;
	}
}