distorsion.interhacker.space/site/css/simple.css

body {
	padding: 0 1em;
	line-height: 1.6;
	display: flex;
	flex-direction: column;
	align-items: center;
}
body > * {
	max-width: 40rem;
}
header, footer {
	width: 100%;
	text-align: center;
}
header {
	border-bottom: solid 0.1rem;
}
footer {
	border-top: solid 0.1rem;
}
nav.menu ul {
	padding: 0;
}
nav.menu li {
	display: inline-block;
	padding: 0 1em;
}
nav.menu li:not(:last-of-type) {
	border-right: solid 0.1rem;
}
img {
	width: 100%;
}
a.mel {
	font-family: monospace;
}
.snowflake {
	max-width: 360px;
	border: solid 0.1rem;
	padding: 0 1em;
	margin: 3em;
	text-align: center;
}
.snowflake iframe {
	width: 320px;
	height: 240px;
	display: block;
	margin: 1em auto;
	border: none;
}
nav.blog ul {
	list-style: none;
}
nav.blog ul li:before {
	content: '> ';
}