html{
	height: 100%;
}

body{
	background-color: black;
	background-image: linear-gradient(0deg, rgba(82, 38, 17, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(82, 38, 17, 1) 100%);
}

.container-fluid{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	color: white;
	z-index: 2;
}

.bottom {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.carousel {
	width: 90%;
	height: 70%;
}

.carousel-inner{
	height: 100%;
	width: 100%;
}

.carousel-item {
	height: 100%;
	max-width: fit-content;
}

.carousel-item > img {
	opacity: 50%;
	filter: grayscale(100%);
	height: 100%;
	object-fit: contain;
}

.inset {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 16px 16px black inset;
}