body
{
	color: #def;
	background-color: #16101e;
	display: flex;
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6, h7
{
	color: #188cff;
}

a
{
	color: #fca;
	text-decoration: none;
}

a:hover
{
	color: #fe7;
	text-decoration: underline;
}

a.kryptomenon, a.kryptomenon:hover
{
  color: #72a3d5;
}

.sidebar
{
	width: fit-content;
	height: 100%;
	position: fixed;
	top: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+17,9ec0e2+31,7fb3e8+43,81aad3+49,ba9d7a+51,dbcba4+61,d3c492+72,8ea046+91&0+0,0.41+24,0.41+84,0+100 */
background: -moz-linear-gradient(left,  rgba(184,225,252,0) 0%, rgba(169,210,243,0.29) 17%, rgba(164,201,235,0.41) 24%, rgba(158,192,226,0.41) 31%, rgba(127,179,232,0.41) 43%, rgba(129,170,211,0.41) 49%, rgba(186,157,122,0.41) 51%, rgba(219,203,164,0.41) 61%, rgba(211,196,146,0.41) 72%, rgba(167,173,98,0.41) 84%, rgba(142,160,70,0.23) 91%, rgba(142,160,70,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(184,225,252,0) 0%,rgba(169,210,243,0.29) 17%,rgba(164,201,235,0.41) 24%,rgba(158,192,226,0.41) 31%,rgba(127,179,232,0.41) 43%,rgba(129,170,211,0.41) 49%,rgba(186,157,122,0.41) 51%,rgba(219,203,164,0.41) 61%,rgba(211,196,146,0.41) 72%,rgba(167,173,98,0.41) 84%,rgba(142,160,70,0.23) 91%,rgba(142,160,70,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(184,225,252,0) 0%,rgba(169,210,243,0.29) 17%,rgba(164,201,235,0.41) 24%,rgba(158,192,226,0.41) 31%,rgba(127,179,232,0.41) 43%,rgba(129,170,211,0.41) 49%,rgba(186,157,122,0.41) 51%,rgba(219,203,164,0.41) 61%,rgba(211,196,146,0.41) 72%,rgba(167,173,98,0.41) 84%,rgba(142,160,70,0.23) 91%,rgba(142,160,70,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e1fc', endColorstr='#008ea046',GradientType=1 ); /* IE6-9 */
}

.sidebar ul
{
	padding: 5px;
	margin-right: 10px;
}

.sidebar ul li
{
	display: block;
    background-color: #324c6e;
    border-top: 2px solid #5e6e7e;
    border-left: 2px solid #3c4854;
    border-right: 2px solid #102e4c;
    border-bottom: 2px solid #03101c;
    padding: 5px;
    margin-bottom: 3px;
}

.sidebar ul li.sel
{
	background-color: #324c9e;
    font-weight: bold;
}

#main img.btn
{
    border-top: 8px solid #5e6e7e;
    border-left: 8px solid #3c4854;
    border-right: 8px solid #102e4c;
    border-bottom: 8px solid #03101c;
}

a img:hover
{
	box-shadow: 0px 0px 8px #fe7;
}

#main p, li
{
	color: #72a3d5;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: smaller;
}

pre.code
{
	margin: 10px;
    padding: 10px;
    background-color: #333;
    color: #3c3;
}

.box
{
	display: flex;
	flex-wrap: wrap;
}

.box div em, em.boxed
{
	font-size: 0.8em;
	color: #79a0ef;
}

#main
{
	margin-left: 150px;
}

#main .tile
{
	border: 1px solid #009;
	display: block;
	min-width: 425px;
	width: 30%;
	height: auto;
	padding: 5px;
	margin: 5px;
}

#main .tile
{
	text-align: center;
}

#main .tile h4
{
	text-align: center;
}

#main .tile img.btn
{
	text-align: center;
	margin: auto;
}

#main p
{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}