body{
	margin: 0;
	padding: 0;
	background-color: gray;
}
.main-content {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-evenly;
	min-height: 100vh;
	margin: 0;
}
.head {
	margin: 0;
	min-height: 20vh;
	max-height: 40vh;
	align-items: flex-end;
	display: flex;
	justify-content: center;
}
.body {
	min-height: 50vh;
	max-height: 60vh;
}
.facebook,.github,.codeberg {
	width: 80vw;
	margin: 0;
	margin-bottom: 4vh;
	padding-top: min(calc(4vh + 1vw), 20%);
	padding-bottom: min(calc(4vh + 1vw), 20%);
	font-size: clamp(10%, calc(3vw + 1vh), 1.5rem);
	font-family: 'Courier New', Courier, monospace;
	color:antiquewhite;
	border-width: calc(0.33vh + 0.33vw);
	border-color:antiquewhite;
}
.facebook{
	background-color: blue;
}
.github {
	background-color: black;
}
.codeberg {
	background-color: aqua;
	color: black;
}
.head-text {
	font-family: 'Courier New', Courier, monospace;
	font-size: clamp(10%, calc(6vw + 1vh), 2.5rem);
	margin: 0;
	color:azure;
}
.nounikey {
	font-family: 'Courier New', Courier, monospace;
	color: greenyellow;
	margin-top: 10vh;
}