@charset "UTF-8";

:root {
	/* Set sans-serif & mono fonts */
	--sans-font: Inter, Lato,Helvetica,"IBM Plex Sans","Roboto","Nimbus Sans L","Noto Sans", "Segoe UI",Arial,Helvetica,"Helvetica Neue",sans-serif;
	--mono-font: "mononoki Nerd Font","IBM Plex Mono","Roboto Mono","Ubuntu Mono","Fira Code","Overpass Mono", Monaco,"Droid Sans Mono",monospace;
	--bg: #242933;
	--accent-bg: rgb(46, 52, 64);
	--text: #eceff4;
	--text-light: #d8dee9;
	--border: #88c0d0;
	--accent: #81a1c1;
	--accent-light: #bf616a;
	--code: #ebcb8b;
	--alert: #a3be8c;
	--alert-bg: #8fbcbb;
	--code-bg: #2e3440;
}

html, body, .container {
	background: var(--bg);
	color: var(--text);
	font-family: var(--sans-font);
	font-size: 12pt;
}

h1 {
	text-align: center;
}

h1.pagetop {
	border-bottom: 2px solid;
}

div.quicklinks {
	text-align: left;
}

a {
	color: skyblue;
	font-size: 14pt;
}

a.qr {
	color: skyblue;
	font-size: 12pt;
}

a:hover {
	color: firebrick;
}

img {
	margin: auto ;
	max-width: 60%;
	display: block;
	border: solid 1px;
	color: snow;
}

img.ql {
	margin: auto ;
	max-width: 60%;
	display: block;
	border: none;
	color: snow;
}

footer {
	text-align: center;
}

ul {
	text-align: left;
	font-size: 13pt;
	max-width: 800px;
	margin: 1em auto ;
}

p {
	text-align: left;
	font-size: 14pt;
	max-width: 800px;
	margin: 1em auto ;
}

p.donate {
	text-align: center;
}

h2 {
	color: var(--border);
	text-align: left;
	font-size: 20pt;
	border-bottom: solid 1px;
	max-width: 800px;
	margin: 1em auto ;
	padding-top: 20px;
	padding-bottom: 5px;
}

h2.donate {
	text-align: center;
	border-bottom: none;
}

h3 {
	color: var(--border);
	text-align: left;
	font-size: 16pt;
	max-width: 800px;
	margin: 1em auto ;
	padding-top: 20px;
	padding-bottom: 5px;
}

em {
	color: orange;
}

strong {
	color: var(--accent-light);
}

/* Sidebar */

div.sidebar, div.kbtoc {
	text-align: left;
	border-top: 2px solid;
	border-right: 2px solid;
	padding-right: 10px;
	max-width: 33%;
	height: 100%;
	position: fixed;
	overflow: auto;
}

li.sidebar,li.toc-l1 {
	text-align: left;
	list-style: none;
	padding: 15px 0 0 0;
	font-size: 14pt;
}

a.sidebar, a.toc-l1 {
	text-decoration: none;
}

li.toc-l2 {
	text-align: left;
	list-style: none;
	padding: 25px 0 0 0;
	font-size: 14pt;
}

img.ql {
	margin: auto ;
	max-width: 60%;
	display: inline;
	border-radius: 10px;
}

/* My Setup */

div.desktop-image {
	text-align: center;
}

p.sw-desc {
	margin-left: 5%;
}

/* Knowlede Base */

h2.kb {
	text-align: center;
}

code {
	color: snow ;
	border-radius: 5px ;
	font-size: 11pt;
}

pre {
	background: darkslategray ;
	border: 2px darkgray solid ;
	padding: 1em ;
	white-space: pre-wrap;
	overflow-wrap: break-word ;
	max-width: 600px ;
	margin: auto ;
}

h3.software {
}