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

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

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);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
}

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

}

h1{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: FadeIn;
	animation-name: FadeIn;
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
}

@-webkit-keyframes FadeIn {
	0%{
		opacity: 0;
	}
	50% {
		opacity: 1;
		margin-left: 100px;
	}

	100%{
		opacity: 1;
	}

}

@keyframes FadeIn {
	0%{
		opacity: 0;
	}
	50% {
		opacity: 1;
		margin-left: 100px;
	}

	100%{
		opacity: 1;

}

h4{
	position: fixed;	
}