* {
		margin: 0;
	}

	html {
		overflow-x: hidden;
		scroll-behavior: smooth;
	}
	body {
		overflow-x: hidden;
		background-color: #000; 
		color: white;
		font-family: Sans-Serif;
	}

	a {
		text-decoration: none;
		color: white;
		
	}

	a:visited {
		color: white;	
	}
	
	p {
		text-align: center;
	}

	section, .section{
		padding: 1rem 0;
		margin: 0 auto;
		padding-inline: 2em;
	}

	iframe {
		display: block;
		width: 100%;
		margin: auto;
	}

	.map {
		border-radius: 1rem;
		width: 100%;
		overflow: hidden;
		margin-top: .5rem;
	}
	.RSVP {
		background-color: white;
		color: black;
		padding: 1rem 2rem;
		margin-top: 2rem;
		border-radius: .5rem;
	}
	.RSVP:visited {
		color: black;
	}
	.RSVP:hover {
		background-color: #eee;
	}

	.container {
		padding: 1rem 0;
		margin: 0 auto;
		max-width: 64rem;
	}

	.flex-container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.col {
		flex-direction: column;
	}

	h1 {
		font-family: 'Dancing Script', cursive;
		font-size: clamp(1rem, 1rem + 4vw, 5rem);
		text-align: center;
	}
	 
	h3 {
		font-family: 'Dancing Script', cursive;
		font-size: clamp(1rem, 1rem + 2vw, 2rem);
	}

	ul {
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		gap: 1em;
	}

	li {
		float: left;
	}
	
	li a {
		display: block;
		text-decoration: none;
		color: white;
	}
	
	li a:hover {
		filter: brightness(85%);
	}
	.relative {
		position: relative;
	}
	.hidden {
		opacity: 0;
		filter: blur(5px);
		transition: all 1s;
	}
	.left.hidden {
		transform: translateX(-100%);
	}
	.right.hidden {
		transform: translateX(100%);
	}
	.show, .right.show, .left.show {
		opacity: 1;
		filter: blur(0px);
		transform: translateX(0px);
		padding: 1rem;
	}

	.left, .right {
		gap: 2rem;

	}
	.stamp {
		max-width: 80px;
		position: absolute;
		bottom: .1rem;
	}
	.story {
		display: flex;
		flex-wrap: wrap;
	}
	.story-img {
		flex: 1 1 auto;
		width: 45%;
		max-height: 400px;
		min-width: 300px;
		object-fit: contain;
	}
	.story-el {
		flex: 1 1 auto;
		width: 45%;
		margin: auto;
	}
	.story-body {
		text-align: left;
		padding-top: .5rem;
	}
	.left h2, .right h2 {
		--font-family: 'Dancing Script', cursive;
		padding: .5rem;
	}

	.left {
		margin-right: auto;
	}
	.right {
		margin-left: auto;
	}
	
	.date {
		min-height: 100vh;
	}

	.gallery {
		display: flex;
		gap: 1rem;
		flex-wrap: wrap;
		justify-content: center;
	}

	.gallery-image {
		width: 30%;
	}

	.gallery-image:nth-child(2){
		transition-delay: 200ms;
	}

	.gallery-image:nth-child(3){
		transition-delay: 400ms;
	}

	.location {
		margin: 2rem;
		flex: 1 1 auto;
		align-self: normal;
	}

	.text-center {
		text-align: center;
	}

	.header-image {
		height: 100vh;
		background-image: url("photos/GN.jpg");
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: 50%;
		background-position-x: 54%;
	}
	@supports (-webkit-touch-callout: none) {
		.header-image {
			background-attachment: scroll;
		}
	}


	img {
		max-height: 600px;
		object-fit: cover;
	}

	.verde{
		background-color: #114542;
	}

	.sienna{
		background-color: #814432;
	}
	
	.beige{
		background-color: #e0d4ca;
		color: black;
	}
	.light-brown{
		background-color: #c27958;
	}
	.dusty-pink{
		background-color: #e4bbad;
		color: black;
	}
	.pumpkin1 {
		background-color: #bf510a;
	}
	.pumpkin2 {
		background-color: #df9043;
	}
	.pumpkin3 {
		background-color: #9cba90;
	}
	

	.primary {
		background-color: #D29F8C;
		color: black;
	}

	.secondary {
		background-color: #84352C;
	}
	
	.tertiary {
		background-color: #013D38;
	}
	.quaternary {
		background-color: #B1776F;
	}