body {
	font-family: Arial;

}
header {

}
.content {
	width: 400px;
	height: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	background: url('logo.jpg') no-repeat;
	background-size: cover;
	display: block;
	opacity: 0;
	animation: fadeIn 2s linear 0.3s forwards 1;
	-webkit-animation: fadeIn 2s linear 0.3s forwards 1;
}
footer {
	width: 100%;
	min-height: 40px;
	overflow: auto;
	text-align: center;
	background: #202020;
	color: #fff;
	position: fixed;
	bottom: 0;
	opacity: 0;
	animation: fadeIn 1s linear 1s forwards 1;
	-webkit-animation: fadeIn 1s linear 1s forwards 1;
}

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