body {
	display:grid;
	grid-template-columns:minmax(200px, 250px) 1fr;
	padding:0;
	margin:30px 0 15px 0;
	font-family:sans-serif;
	font-size:14px;
	color:darkgray;
	background:black url("pix/sd.png") no-repeat center center fixed;
}

.sidebar {
	height:auto;
	font-size:13px;
	text-align:center;
	padding:0 0 15px 0;
	margin:0;
	border-right:dashed 1px #303030;
	font-family:monospace;
}

.content {
	padding:0;
	margin:15px 0 0 0;
}

p {
	padding:0;
	margin:0 0 15px 0;
}

a {
	color:white;
	text-decoration:none;
}

a:hover {
	color:white;
	text-decoration:underline;
	text-decoration-color:#bf4040;

}

#terminal p {
	padding:0;
	margin:12px 0 0 0;
}

#top {
	position:fixed;
	top:0;
	width:100vw;
	padding:5px 0 5px 10px;
	margin:0;
	background:black;
	font-family:monospace;
	font-size:13px;
	border-bottom:dashed 1px #303030;
}

#bottom {
	position:fixed;
	bottom:0;
	width:100vw;
	padding:5px;
	margin:0;
	background:black;
	font-family:monospace;
	font-size:13px;
	border-top:dashed 1px #303030;
}

#links {
	margin:0;
	padding:0 30px 0 0 ;
	float:right;
}

#entry {
	height:auto;
	width:auto;
	display:flow-root;
}

#terminal {
	margin:0;
	padding:10px 5px 0 5px;
}

#buttons {
	margin:5px 0 15px 0;
}

#buttons a {
	background:black;
	border:solid 1px #bf4040;
	text-decoration:none;
	font-weight:bold;
	color:white;
	padding:5px 10px 5px 10px;
}

#buttons a:hover {
	background:#bf4040;
	border:solid 1px #bf4040;
	text-decoration:none;
	font-weight:bold;
	color:black;
}

.pix {
	margin:10px;
	padding:0;
	border:solid 1px #1c1c1c;
}

.news {
	color:#bf4040;
}

.infobox {
	background:#0c0c0c;
	font-style:normal;
	font-family:monospace;
	border:solid 10px #0c0c0c;
	max-width:500px;
}

.lyrix {
	opacity:0.30;
	text-decoration:none;
}

.lyrix:hover {
	opacity:1;
	text-decoration:none;
}

#desc {
	font-size:13px;
	color:#7c7c7c;
	margin:10px 0 0 0;
}

#desc a {
	color:#7c7c7c;
	text-decoration:underline;
	text-decoration-style:dotted;
	text-decoration-color:#5c5c5c;
}

#desc a:hover {
	color:#7c7c7c;
	text-decoration:underline;
	text-decoration-style:solid;
	text-decoration-color:#7c7c7c;
}


hr {
	border-style:none;
	border-bottom:dashed 1px #303030;
	margin:10px 0 10px 0;
	padding:0;
}

h1 {
	display:inline-block;
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:normal;
}

h2 {
	font-size:20px;
	padding:5px 0 5px 12px;
	margin:0;
	font-weight:bold;
	color:#bf4040;
}

h3 {
	display:inline-block;
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

ol {
	padding:5px 0 5px 10px;
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
}

ul {
	padding:0 0 0 12px;
	margin:0;
	list-style-type:square;
}

li::marker {
	color:#5f5f5f;
}