html,
body {
	margin: 3mm;
	font-family: sans-serif;
	font-size: 32px;
	line-height: 1.6;
}

body * {
	display: inline;
}

a {
	color: currentColor;
}

img {
	max-height: 75vh;
	margin: 64px auto;
	display: block;
}

ul img {
	margin: 0;
	display: inline-block;
	height: 1.6rem;
	vertical-align: middle;
	width: auto;
}

li:first-child img {
	height: 4rem;
	vertical-align: bottom;
}

ul {
	display: block;
	padding: 0;
	margin: 0;
	/* opacity: 0.4; */
}

ul:hover {
	opacity: 1;
}

ul + ul {
	margin-top: 1rem;
}

li > ul {
    font-family: serif;
    font-style: italic;
    display: inline;
}

li > ul:before {
    content: "⟶";
}

/* p br {
	height: 0;
	line-height: 0;
	display: none;
}

p {
	margin: 0;
} */

li:after {
	content: "⟶";
}

li:last-of-type:after {
	content: "";
}

em {
	display: inline-block;
	font-weight: bold;
	border: 2px solid currentColor;

	height: 1rem;
	padding: 0 0.3rem;
	border-radius: 1rem;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-size: 0.6rem;
	line-height: 1rem;
}

em a {
	text-decoration: none;
	color: dodgerblue;
}

code {
	background-color: #eee;
}

.home-list {
	list-style: default;
}

.home-list li {
	display: block;
}

.home-list li:after {
	content: none;
}

.home-list a {
	color: currentColor;
	text-transform: capitalize;
}

.git {
	position: absolute;
	color: currentColor;
	font-size: 1rem;
	background-color: white;
	top: 1rem;
	right: 1rem;
}

h2 {
    display: block;
    margin-block: 1rem;
}