* {
	height: 100%;
	width: 100%;
}

html,
body {
	overflow: hidden;
}

img {
	height: 100%;
	width: 100%;
}

body {
	/* background-color: #dcd8c0; */
	background-color: #d1cdb7;
	color: #454138;
	letter-spacing: 0.3rem;
	height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#image-container {
	height: 35%;
	width: auto;
	aspect-ratio: 16 / 9;
}

#portrait {
	width: min(100%, 100vw);
	height: auto;
}

#title {
	height: min-content;
	text-align: center;
	font-size: 2rem;
	border-style: solid;
	border-width: 2px 0;
	border-color: #454138;
}

#link-container {
	height: min-content;
	display: flex;
	flex-direction: row;

	position: absolute;
	position-anchor: --body;

	bottom: anchor(bottom);
	left: anchor(left);
}

.linkbadge {
	height: 4rem;
	width: 4rem;
}

#body-container {
	height: 100%;
	width: 100%;
	anchor-name: --body;
	margin-bottom: 1%;
}