@import url(https://fonts.bunny.net/css?family=noto-sans-jp:400,700);

@media (max-width: 410px) {
	body {
		font-size: 0.9em;
	}
}

@media (max-width: 340px) {
	body {
		font-size: 0.8em;
	}
}

body {
	font-family: 'Noto Sans', sans-serif;
	background:
		linear-gradient(to right, #000000, 5%, #00000000, 95%, #000000),
		linear-gradient(to right, rgb(0, 80, 0) 50%, rgb(90, 0, 90) 50%),
		black;
	color: white;
}

body.circular-gradient {
	background:
		radial-gradient(circle at center, #00000000, 85%, #000000),
		linear-gradient(to right, rgb(0, 80, 0) 50%, rgb(90, 0, 90) 50%),
		black;
}

#container {
	max-width: 60em;
	margin: 0 auto;
}

#container > *:not(#subcontainer), #subcontainer > * {
	margin: 1em auto;
}

.mainpage #container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

:root {
	--brand-shadow: black 0 0 1ex;
}

tr:not(:first-child) td {
	padding-top: 8px;
}

tr:not(:last-child) td {
	padding-bottom: 8px;
}

#hatzka {
	filter: drop-shadow(var(--brand-shadow));
	display: block;
}

header > a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	height: 6em;
	width: max-content;
	margin: auto;
}

header #hatzka {
	position: relative;
	bottom: 33%;
	height: 30em;
	z-index: -1;
}

.main {
	background-color: white;
	border: 0 solid transparent;
	box-shadow: var(--brand-shadow);
	color: black;
	padding: 1em;
}

.main > :first-child, .main > :first-child > :first-child {
	margin-top: 0;
}

.main p {
	line-height: 1.5;
}

.main > :last-child, .main > :last-child > :last-child {
	margin-bottom: 0;
}

.pageheader {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.pageinfo {
	opacity: 0.7;
	font-size: 0.9em;
	text-transform: lowercase;
}

.pageheader .pagetitle {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2em;
	text-shadow: #FF000060 -0.125ex 0ex, #00FFFF80 0.125ex 0ex;
}

time.lastmod, time.publishdate {
	/* background images set at the bottom of the file */
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-position: left 50%;
	min-height: 1em;
	padding-left: 1.25em;
	margin-left: 0.25em;
}

footer nav {
	text-align: center;
	white-space: nowrap;
}

footer a {
	color: white;
	font-size: 0.8em;
	font-style: italic;
	font-weight: 600;
	text-decoration: none;
	text-transform: lowercase;
}

footer a:not(:last-child)::after {
	content: " · ";
}

.subpages ol {
	list-style-type: none;
	margin: -0.5em 0;
}

.subpages time {
	opacity: 0.75;
}

.subpages time::after {
	content: ":";
	display: inline-block;
	width: 1em;
}

.subpages a {
	text-decoration: none;
	font-weight: 700;
}

time.lastmod {
	/* Font Awesome 5.7.0 `pencil-alt` CC-BY 4.0 */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDk3LjkgMTQyLjFsLTQ2LjEgNDYuMWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwbC0xMTEtMTExYy00LjctNC43LTQuNy0xMi4zIDAtMTdsNDYuMS00Ni4xYzE4LjctMTguNyA0OS4xLTE4LjcgNjcuOSAwbDYwLjEgNjAuMWMxOC44IDE4LjcgMTguOCA0OS4xIDAgNjcuOXpNMjg0LjIgOTkuOEwyMS42IDM2Mi40LjQgNDgzLjljLTIuOSAxNi40IDExLjQgMzAuNiAyNy44IDI3LjhsMTIxLjUtMjEuMyAyNjIuNi0yNjIuNmM0LjctNC43IDQuNy0xMi4zIDAtMTdsLTExMS0xMTFjLTQuOC00LjctMTIuNC00LjctMTcuMSAwek0xMjQuMSAzMzkuOWMtNS41LTUuNS01LjUtMTQuMyAwLTE5LjhsMTU0LTE1NGM1LjUtNS41IDE0LjMtNS41IDE5LjggMHM1LjUgMTQuMyAwIDE5LjhsLTE1NCAxNTRjLTUuNSA1LjUtMTQuMyA1LjUtMTkuOCAwek04OCA0MjRoNDh2MzYuM2wtNjQuNSAxMS4zLTMxLjEtMzEuMUw1MS43IDM3Nkg4OHY0OHoiIGZpbGw9IiMwMDAwMDBBMCIvPjwvc3ZnPg==);
}

time.publishdate {
	/* Font Awesome 5.7.0 `plus-circle` CC-BY 4.0 */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMTQ0IDI3NmMwIDYuNi01LjQgMTItMTIgMTJoLTkydjkyYzAgNi42LTUuNCAxMi0xMiAxMmgtNTZjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOTJoLTkyYy02LjYgMC0xMi01LjQtMTItMTJ2LTU2YzAtNi42IDUuNC0xMiAxMi0xMmg5MnYtOTJjMC02LjYgNS40LTEyIDEyLTEyaDU2YzYuNiAwIDEyIDUuNCAxMiAxMnY5Mmg5MmM2LjYgMCAxMiA1LjQgMTIgMTJ2NTZ6IiBmaWxsPSIjMDAwMDAwQTAiLz48L3N2Zz4=);
}