:root {
	--cream: #FDF6EC;
	--gold: #E8A020;
	--gold-lt: #F5C96A;
}

body {
	padding: 0;
	margin: 0;
}

#background-image {
	background-image: url('https://res.cloudinary.com/dbuwekmex/image/upload/v1782571309/IMG_20260627_104105_vdauhu.jpg');
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -100;
	top: 0;
	filter: blur(10px);
}

#intro {
	width: 75%;
	margin: 2rem auto;
	color: var(--cream);
	text-align: center;
	margin: 5rem auto;
}

.header {
	font-size: 35px;
	font-family: "playfair display", roboto, sans-serif;
}

.text-content {
	font-size: 30px;
	font-family: roboto, sans-serif;
}

.external-link {
	color: var(--gold);
	transition: color .2s;
}

.external-link:hover {
	cursor: pointer;
	color: var(--gold-lt);
}

#gallery-section {
	width: 65%;
	margin: 5rem auto;
	columns: 2;
	column-gap: 2rem;
}

.image {
	width: 100%;
	display: block;
	break-inside: avoid;
	margin-bottom: 2rem;
	border-radius: 40px;
}
/*
#gallery-section {
	width: 90%;
	margin: 5rem auto;
	display: flex;
	flex-wrap: wrap;
	row-gap: 2rem;
	column-gap: 10%;
}

.image {
	width: 45%;
	border-radius: 40px;
	display: block;
	break-inside: avoid;
}
	*/


@media screen and (max-width: 720px) {
	.header {
		font-size: 40px;
	}

	.text-content {
		font-size: 20px;
	}

	#gallery-section {
		columns: 1;
		width: 90%;
	}
}