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

html {
	background-size: 100% 100vh;
}

body {
	background-image: url("../images/background_image_08.png");
	background-size: 100% 100vh;
	background-position: fixed;
	background-repeat: no-repeat;
	background-color: beige;
}

header img {
	width: 25%;
	height: auto;
	display: flex;
	margin: 45px auto;
	top: -1em;
	left: 4em;
	float: center;
	position: absolute;
	z-index: 2000;
}
/* Gallery logo */


/* Return to Sender:START */
.back-button-01 {
	position: absolute;
	/* background-color: red; */
	min-height: 50.5px;
	width: 280px;
	right: 2em;
	top: 1.5em;
	z-index: 1000;
}
	.box-01 {
		/* background-color: blue; */
		min-height: 50.5px;
		width: 280px;
		border-radius: .75em;
	}
	.back-home-button-01 {
		background-image: url("../images/return_to_sender_01.svg");
		background-size: cover;
		position: center;
	}
		a:hover .back-home-button-01 {
			/* box-shadow: 0px 0px 20px 5px black; */
			border-radius: 10.5px;
			transform: rotate(5deg);
			background-color: #FBFADD;
		}
		a:active .back-home-button-01 {
			transform: rotate(5deg);
		}
/* Return to Sender Button:END */


/* Subpages Buttons:START */
.subpage-buttons ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	padding-bottom: 0em;
	padding-top: 5.25em;
	position: absolute;
	z-index: 10005;
	right: 1em;
} 
.subpage-buttons ul li {
	padding-right: .5em;
	padding-bottom: 1.5em;
	
}
.subpage-buttons ul li a {
	text-decoration: none;
	font-family: 'Garlic Shrimp Demo';
    font-size: minmax(50px);
    color: #FBFADD;
    border: 3px solid #FBFADD;
    border-radius: 30px;
    padding: .80em 1.5em 0em 1.5em;
    letter-spacing: .10em;
	background-color: #16AFB9;
	box-shadow: 0px 0px 15px 2px black;
}
	.subpage-buttons ul li a:hover {
		background-color: #FBFADD;
		color: #16AFB9;
		border-color: #16AFB9;
		transition: 0s 0s;
		letter-spacing: .10em;
	}
	.subpage-buttons ul li a:active {
		background-color: #0F82A8;
		color: #FBFADD;
		border-color: #FBFADD;
	}
/* Subpages Buttons:END */


/* Gallery Slide Show */
.container-01 {
	padding: .15em;
}

.slide-wrapper-01 {
	position: relative;
	max-width: 84rem;
	margin: 0 auto;
	box-shadow: 0 0 30px 5px black;
}

.slider-01 {
	display: flex;
	overflow-x: auto;
	aspect-ratio: 16/9;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overflow-y: hidden;
	/* box-shadow: inset 20px 20px 20px 20px black; 
	z-index: 1000; */
}


/*
.slider-01::-webkit-scrollbar {
  display: none; 
}
/* Hiding bottom scrollbar for Chrome, Safari, and Opera */

a img {
	/* max-width: 75rem; */
	width: 1350px;
	min-height: auto;
	flex: 1 0 100%;
	scroll-snap-align: start;
}

/* Resizing Images: */
#slide-01, #slide-03 {
	aspect-ratio: 16/9;
}
#slide-014 {
	aspect-ratio: 3/2;
}