:root {
	--background: black;
	--foreground: white;
	--color-warn: #FF6666;
	--color-accent: #c9b7eb;
	--foreground-disabled: grey;
	--background-surface: #303030;

	--gap-size: 2ch;
	--border-size: 2px;
	--auto-body-pad:  5vw;

	--comment: var(--foreground-disabled);
	--identifier: var(--foreground-disabled);
	--special:var(--color-accent);
	--statement: var(--color-accent);
	--preproc: var(--foreground-disabled);
	--constant:var(--foreground);
	--type: var(--foreground);
	--directory: var(--foreground);
	--linenr:var(--background-surface);
}

*:not(ul, ol) {
	background: var(--background);
	color: var(--foreground);
	font-family: serif;
	padding: 0px;
	margin: 0px
}

h1::before, h2::before, h3::before {
	color: var(--foreground-disabled);
	user-select: text;
}

/* One liners */
i {opacity:0.75}
a {cursor: pointer}
h1::before {content: "# "}
h2::before {content: "## "}
h3::before {content: "### "}
.current { font-weight: bold}
ul li {list-style-type:square}
.vimlabel::after {content: ":"}
#posts li {list-style-type: none}
.vimpre .Type {color: var(--type)}
a:hover {text-decoration: underline}
td a {padding-right: var(--gap-size)}
.vimlabel {color:var(--color-accent)}
.vimpre .Special {color: var(--special)}
.vimpre .PreProc {color: var(--preproc)}
.vimpre .Comment {color: var(--comment)}
.warn, .warn * {color: var(--color-warn)}
#posts ul {padding-left: var(--gap-size)}
.vimpre .Constant {color: var(--constant)}
.vimpre::-webkit-scrollbar {display: none}
.vimpre .Directory {color: var(--directory)}
.vimpre .Statement {color: var(--statement)}
ol li {list-style-type: decimal-leading-zero}
.vimpre .Identifier {color: var(--identifier)}
ol li::marker, ul li::marker, a {color: var(--color-accent)}
.vimlabel, .vimpre, .vimpre *, code {font-family: monospace}
tbody > *:not(:last-child) td {border-bottom: solid var(--border-size) var(--background-surface)}


html {
	font-size: 100%;
	background: var(--background-surface);

	body {
		padding: var(--auto-body-pad);
		margin:var(--auto-body-pad);
		font-size: 1rem;
		opacity: 0;
		cursor:default;
	}
}


header sub {
	display: block;
	font-size: 1rem;
	&:before {
		content: "> ";
		color: var(--color-accent);
	}
}


/* Vim colors */
.vimpre {
	.LineNr {
		color: var(--linenr);
		user-select: none;
		pointer-events: none;
		background:transparent;
	}

	width: 100%;
	overflow-x: scroll;
	margin:  0px;
	padding: var(--gap-size);
	border: solid var(--border-size) var(--background-surface);
	position: relative;
	display: inline-block;

	.vimgrad {
		content: "";
		width:25%;
		height:100%;
		background: linear-gradient(to right, transparent, var(--background));
		background:red;
		position:absolute;
		top: 0;
		right: 0;
	}
}

/* Mobile styles */
@media (orientation: portrait) {
	html {font-size: 150% !important}
	body {max-width: 100% !important;margin:0px !important}
	td i {margin-bottom: var(--gap-size)}
}