body
{
	display:	flex;
	align-items:	center;
	justify-content:center;
	padding:	2em;

	background:	linear-gradient(
		7deg,
		rgb(134, 246, 252) 0%,
		rgb(123, 106, 221) 100%
	);
}

main
{
	display:	block;
	max-width:	max(25em, 50%);
	margin:		0 auto;
	padding:	2em;

	box-sizing:	border-box;
	border-radius:	1em;
	background:	rgba(240, 240, 240, 0.80);

	font-size:	1.5em;
}
main > div { margin-top:  2em; }

#profile
{
	margin-top:	0;
	text-align:	center;
}
img#profile-picture
{
	border-radius:	100%;
	height:		7em;
	margin-bottom:	0.5em;
}

h1 { font-size:	3.0rem; margin: 0; }
h2 { font-size:	1.8rem; margin: 0; }
h3 { font-size: 1.5rem; margin: 0; }
h1 + h2
{
	margin-top:	-0.5em;
	font-size:	1.6rem;
	font-weight:	normal;
	font-style:	italic;
	color:		rgb(68, 68, 68);
}

ul { list-style-type: none; padding-left: 0; margin: 0; }
ul li { padding: 0.3em 0; }

a:link, a:visited
{
	color:			rgb(68, 68, 68);
	text-decoration-color:	rgb(68, 68, 68);
	text-decoration:	none;
	border-bottom:		3px dashed rgb(68, 68, 68);
}