body {
	font-family: arial, sans-serif;
	padding:10px;
}

h1, h2, h3, h4, h5 {
	font-weight:normal;
	font-size:30px;
}

h5{
	position: fixed;
}

a {
	display:inline-block;
	background-color:#333;
	color:#ccc;
	padding:10px;
	text-decoration:none;
	border-radius:5px;
	box-shadow: 0 0 1px rgba(0,0,0,0);
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3;
	-moz-transition: color 0.3s, background-color 0.3s, box-shadow 0.3;
	-webkit-transition; color 0.3s, background-color 0.3s, box-shadow 0.3;
}

a:hover {
	color:#fff;
	background-color:blue;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

h1 {
	animation-duration: 1s;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-name: fadein;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

h2 {
	animation-name: slidein;
	-webkit-animation-name: slidein;
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}


@-webkit-keyframes slidein{
	0%{
		opacity:0;
		margin-left:200px;
	}

	50%{
		opacity:1;
		margin-left:200px;
	}

	100%{
		opacity:1;
		margin-left:0px;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
		margin-left:100px;
	}

	to {
		opacity: 1;
		margin-left:0px;
	}
}

@-webkit-keyframes fadein{
	from {
		opacity: 0;
		margin-left:100px;
	}

	to {
		opacity: 1;
		margin-left:0px;
	}
}