@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	/*background-color: #ff6200;*/
	/*font-family: Segoe, "Segoe UI", "Tahoma", "Trebuchet MS", Verdana, "sans-serif"*/
}
button {
	border: 1px solid transparent;
	background-color: #dc3545;
	border-color: #dc3545;
	border-radius: 0.5rem;
	color: #fff;
	cursor: pointer;
	font-size: 1rem;
	padding: 0.376rem 0.75rem;
	margin: 4rem 0 0;
	width: 10rem;
	transition: 0.5s;
}
button:hover{
	background-color: #8a1c26;
	border-color: #8a1c26;
}
header {
	color: #fff;
	padding-top: 50vh;
	position: relative;
	text-align: center;
	z-index: 10;
}
.slideshow{
	background-color: #000;
	list-style: none;
	z-index: 0;
}
.slideshow li{
	animation: imageAnimation 12s linear infinite;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}


.slideshow li:nth-child(1){
	background-image: 
		url(../images/main_fade_01.png);
	animation-delay: 0s;
}
.slideshow li:nth-child(2){
	background-image: /*linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),*/
		url(../images/main_fade_02.png);
	animation-delay: 2s;
}
.slideshow li:nth-child(3){
	background-image: /*linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),*/
		url(../images/main_fade_03.png);
	animation-delay: 4s;
}
.slideshow li:nth-child(4){
	background-image: /*linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),*/
		url(../images/main_fade_04.png);
	animation-delay: 6s;
}
.slideshow li:nth-child(5){
	background-image: /*linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),*/
		url(../images/main_fade_05.png);
	animation-delay: 8s;
}
.slideshow li:nth-child(6){
	background-image: /*linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),*/
		url(../images/main_fade_06.png);
	animation-delay: 10s;
}


/*.slideshow li:nth-child(3){
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
		url(https://images.unsplash.com/photo-1682685796766-0fddd3e480de?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	animation-delay: 10s;
}
.slideshow li:nth-child(4){
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
		url(https://images.unsplash.com/photo-1682685796444-acc2f5c1b7b6?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	animation-delay: 15s;
}
.slideshow li:nth-child(5){
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
		url(https://images.unsplash.com/photo-1563089145-599997674d42?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	animation-delay: 20s;
}*/


@keyframes imageAnimation {
	0% {
		opacity: 0;
		animation-timing-function: ease;
	}
	10% {
		opacity: 1;
		animation-timing-function: ease;
	}
	20% {
		opacity: 1;
		animation-timing-function: ease;
	}
	30% {
		opacity: 0;
		animation-timing-function: ease;
	}

}