*{
	margin:0;
	padding:0;
}
header{
	height: 100vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
/*	background-color: #666;
	background-image: url("img/pic1.jpeg");
	transition: background-image .5s ease-in-out;*/
}
header:before{
	content:"";
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity:.4;
	z-index:-1;
}
header a{
	background:green;
	margin-top:20;
	padding:10px 34px;
	color:white;
	text-decoration: none;
	font-size: 18px;
	border-radius: 20px;
}
h1{
	font-size:2.6rem;
	color:white;
	margin-bottom:20px;
	letter-spacing: 20px;
}
p{
	font-size: 1.4rem;
	color: white;
	font-weight: 400;
/*	position: absolute;*/
}
.backgrounds-container{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:-5;
}
.background{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.showing{
	opacity: 1;
	z-index: -1;
	transition: none;
}