/* * {
	font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
	font-weight: lighter;
} */
code {
	font-size: 1.0rem;
}
body {
	background: #fbfbfb;
	color: #333333;
}
body, #main_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#main_header {
	align-items: center;
	padding: 20px;
	width: 85%;
	border-bottom: solid 1px grey
}
header h2 {
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 5px;
	color: #424E5A;
}
header h1 {
	font-size: 2.1rem;
}
nav {
	padding: 20px;
	width: 85%;
	display: flex;
	flex-direction: row;
	/*align-items: center;*/
	justify-content: center;
	border-bottom: solid 1px grey;
}
nav > div {
	/*margin: 0px 8%;*/
	width: 25%;
	/*text-align: center*/
	display: flex;
	flex-direction: column;
	align-items: center;
}
nav a.navlink {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-bottom: 3px;
}
nav a.navlink:hover {
	border-bottom: solid 3px #80c0f0;
	padding-bottom: 0px;
}
nav a.mininavlink {
	/*font-weight: bold;*/
	color: #333333;
	text-decoration: none;
	padding-bottom: 1px;
}
nav a.mininavlink:hover {
	border-bottom: solid 1px #80e0f0;
	padding-bottom: 0px;
}
#contents {
	width: 85%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#vertical_separator {
	/*height: 85%;*/
	border-right: solid 1px lightgrey;
	/*margin: 20px 20px 0px;*/
	margin: 20px 20px 0px 40px;
}
#news {
	width: 25%;
}
/*a {
	color: #333333;
	text-decoration: none;
}*/
p {
	margin: 0.5em;
}
article {
	display: none;
	width: 70%;
}
article:target, article.default {
	display: block;
}
article:target ~ article.default {
	display: none;
}
aside {
	border-left: solid 3px cadetblue;
	padding: 0px 10px;
	/*background: ghostwhite;*/
	background: aliceblue;
	/*background: azure;*/
}
.cipher {
	display: flex;
	flex-direction: row;
}
.space_right {
	margin-right: 3px;
}
.bold {
	font-weight: bold;
	color: #424e5a;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.slider {
	height: 0px;
	/*position: absolute;*/
	transition: height 1s;
	overflow-y: scroll;
}
div.slider > ul > li {
	margin: 3px;
}
div:hover div.slider {
	height: 10em;
	/* height: 100%; /*more compatible, but not smooth transition...*/
}
.code {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	width: auto;
	background-color: #fff;
	padding: 8px 12px;
	border-left: 4px solid #4CAF50;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
}
.code span {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
}