:root {

	/* --main-bg: #c86c13; */
	--main-bg: #e9a789;
	--body-bg: #e9a789;
	--text-color: #FFFFFF;
}


html {
	text-align: center;
	display: flex;
	justify-content: center;
	background-color: var(--main-bg);
	color: var(--text-color);
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

body {

	background-color: var(--body-bg);
	text-align: center;
	padding: 1rem;
	box-shadow: 0 4px 20px #000000;
	font-family: system-ui, sans-serif;
	width: 50%;
	justify-content: center;
	border-radius: 12px;
}


.photos {
	font-family: system-ui, sans-serif;
	border-radius: 12px;
	margin-bottom: 0rem;
	width: 100%;
	height: auto;
	box-shadow: 0 1px 5px #000000;
	box-sizing: inherit;

}

@media(max-width: 800px) {
	body {
		background-color: var(--body-bg);
		text-align: center;
		padding: 1rem;
		box-shadow: 0 4px 20px #000000;
		font-family: system-ui, sans-serif;
		width: 100%;
		justify-content: center;
		border-radius: 12px;
	}

	.photos {
		font-family: system-ui, sans-serif;
		border-radius: 12px;
		margin-bottom: 0rem;
		width: 100%;
		height: auto;
		box-shadow: 0 1px 5px #000000;
		box-sizing: inherit;


	}

	.background {
		width: 100%;
	}
}

.info {
	font-weight: bold;
	/* padding-left: 5rem; */
	/* padding-right: 1rem; */
	/* justify-content: center; */
	/* width: 50%; */
}

.info2 {
	/* padding-left: 5rem; */
	/* padding-right: 1rem; */
	/* justify-content: center; */
	padding-bottom: 1rem;
	/* width: 50%; */

}


.background {
	width: 100%;
}


.socials {
	padding: .5rem;
}