*{
	margin: 0;
	padding: 0;
}
.load{
	animation: slide 2s;
}
.slider{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	animation: slide 40s infinite;
}
.content{
	color: #fff;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
}
.principal{
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	position: absolute;
	letter-spacing: 5px;
	text-align: center;
}
.principal h1{
	font-size: 70px;
	margin-bottom: 20px;
}
.principal p{
	font-size: 20px;
}

@keyframes slide{
	0%{
		background-image: url(t.jpeg);

	}
	25%{

		background-image: url(t.jpeg);

	}
	25.01%{

		background-image: url(p.jpg);

	}
	50%{

		background-image: url(p.jpg);

	}
	50.01%{

		background-image: url(pp.jpg);

	}
	75%{

		background-image: url(pp.jpg);

	}
	75.01%{
		background-image: url(ppp.jpg);

	}
	100%{

		background-image: url(ppp.jpg);

	}

}