body {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #000000;
}

html, body {
	margin: 0;
	padding: 0;
}

b {
	font-size: 100%;
}



.content {
	height: 100vh;
	width: 100%;
	background-image: url(images/index1.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: 5s;

	animation-name: animate;
	animation-direction: alternate-reverse;
	animation-play-state: running;
	animation-timing-function: ease-in-out;
	animation-duration: 10s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

@keyframes animate {
	0%{
		background-image: url(images/index2.jpg);
	}
	50%{
		background-image: url(images/index3.jpg);
	}
	100%{
		background-image: url(images/index1.jpg);
	}
}

.name {
	font-size: 60px;
	text-align: center;
	color: #ffffff;
	height: 100%;
	width: 100%;
}

.footer {
	height: 60px;
	width: 100%;
	color: #000000;
	text-align: center;
}