/*@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300&family=EB+Garamond:wght@500&display=swap');

#wrapper {
	height: 100vh;
	display: grid;
	place-items: center;
	/* padding: 4.8vw 6vw 0; */
	box-sizing: border-box;
	background: url(/images/photo-1514675239066-bd9d6d21c926.jpeg) no-repeat top 50% right / 130%;
	background-attachment: fixed;
	font-family: 'Barlow', sans-serif;
}

#main {
	width: min(80vw, 80vh);
	height: min(80vw, 80vh);
	/* margin: 0 auto; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 5px 5px 8px -3px rgba(30, 30, 30, .7), 0 0 7px 2px rgba(255, 255, 255, .1) inset;
	background-color: rgba(249, 242, 250, .25);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: relative;
	border-radius: 50%;
	z-index: 0;
}

h1 {
	font-size: min(4vw, 38px);
	margin: 0 auto min(12vw, 12vh);
	letter-spacing: .05em;
	color: #312f3e;
	font-family: 'EB Garamond', serif;
}

h1 span {
	color: #f4ce7c;
}

p {
	/*	color: #716f8b;*/
	/* color: #4a4955; */
	font-size: min(4vw, 16px);
		color: #dad9e8;
}

p:not(.address) {
	letter-spacing: .05em;
}

p.address {
	margin: 1.5em auto -8vh;
}

a {
	color: inherit;
}

a svg {
	display: inline-block;
	width: 2em;
	margin-right: .3em;
	fill: currentcolor;
}

@media (orientation: portrait) {
	#wrapper {
		/* padding: 9vw 8vw 0; */
		background: url(/images/photo-1514675239066-bd9d6d21c926.jpeg) no-repeat center right 25% / 160%;
		background-attachment: fixed;
	}

	#main {
		/* height: calc(100vh - 18vw); */
		transform: translateY(-4vh);
	}

	h1 {
		/* margin: 0 auto 15vh; */
		font-size: min(7vw, 38px);
	}

	p.address {
		margin: 1.5em auto -6vh;
	}

}