body {
	font-family: sans-serif;
	width:960px;
	max-width: 100%;
	margin: auto;
	color: black;
	background-color: white;
}

img { max-width: 100%; }


header {
	display: flex;
	align-items: baseline;
	gap: 0.5ch;
}

*[lang=ja] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", "Noto Sans CJK JP", sans-serif;
}

details, pre, code {
	background-color: #f9f9f9;
	padding: 2px;
	border-radius: 3px;
	border: 1px solid silver;
}

pre { white-space: pre-wrap; }
code { display: inline-block; }

code, pre {
	word-wrap: anywhere;
	max-width: 100%;
}



details > code, pre > code {
	border: 0;
}

main {
	border: solid 1px #C8C9C9;
}
main > * {
	margin: 0px 10px 10px 10px;
}

h2, h3, h4, h5, h6 {
	margin:0px 0px 10px 0px;
	padding:2px 10px;
	background: #F4C504;
}

blockquote {
	border-left: .25em solid grey;
	padding: 0 1ch;
	margin: 20px;
}

#releaseinfo {
	float:right;
	border: 1px solid black;
}

.big-fat-button {
	padding: 10px;
	background:#088C04;
	color:white;
	border-radius: 5px;
	display:inline-block;
	font-weight: bold;
	font-size: 120%;
	margin: 3px 0;
}

.big-fat-command {
	padding: 5px;
	display:inline-block;
}

.todo {
	font-family: "Comic Sans MS";
	color: red;
	font-size: 140%;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 0px 0px 5px yellow;
}

#navbar, #navbar ul {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
	padding-left: inherit;
}

#navbar ul li { display: inline; }
#navbar ul li:after { content: " • "; }
#navbar ul li:last-of-type:after{ content: none; }