body {
	align-content: center;
	width: 100vw;
	height: 100vh;
}

.left, .right {
	display: inline-block;
	width: 49.8375222vw;
	height: fit-content;
	vertical-align: middle;

	text-align: center;

}

#pfp {
	min-height: 256px;
	height: max(20vw, 20vh);
	border-radius: 50%;
}

#links {
	width: 100%;
	height: fit-content;
	
	text-align: center;
}

#links img {
	min-height: 44px;
	height: max(3.5vw, 3.5vh);
}

#links img:hover {
	fill: var(--primary);
}

.button {
	font-size: max(27px, max(2vw, 2vh));
}

body > .right * {
	display: block;
	width: max(20vw, 20vh);
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#scratch {
	color: inherit !important;
	text-decoration: none !important;
}