@charset "UTF-8";

.regpage_bodydiv {
	max-width: 900px;
}

pre, code {
	tab-size: 4;
	font-family: var(--font-code);
}

:not(pre) > code {
	color: var(--pageclr_minicodeText);
	background: var(--pageclr_minicode);
	padding: 0 .1em 0px .1em;
	outline: 0.1em solid;
	outline-color: var(--pageclr_minicode);
	border-radius: 3px;
	box-shadow: 0px 1px 4px rgba(from var(--pageclr_border) r g b / .8);
	font-weight: 700;
/*	text-shadow: 0 0 2px #0002;*/
}

pre {
	padding: 1px 2px;
	padding-left: 3px;
	padding-right: 1px;
	background-color: var(--pageclr_border);

	code {
		border-radius: 0px;
		outline: 0 solid;
	}
}

#sidebar {
	position: fixed;
}

.language-c {
	padding: 0 0 0 0;
}

img, .ctut_miniimage {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 600px;
	border: 1px solid;
	border-color: #b50000;
}

.program_desc {
	padding: 0 8px 0 8px;

	p {
		text-align: center;
		margin-bottom: 4px; 
	}
}

.program_desc_text {
	max-width: 80%;
	margin: 0 auto 0 auto;
	text-align: center;
}

li,ul {
	margin: .5em 0;
}

optable {
	display:flex;
	flex-wrap: wrap;
	text-align: center;
	width: 18em;
	margin-top: 1em;
	margin-bottom: 1em;

	.entry {
		/*	in short: we have borders for left and bottom for each cel BUT
			it's only if it's not a corner or a start/end
		*/
		padding: .3em 1em;
		width:10%;
		border-radius: 0px;
		border-left: 1px solid var(--pageclr_border);
		border-bottom: 1px solid var(--pageclr_border);
		box-shadow: 1px 1px 5px var(--pageclr_papershadow);
		background: var(--pageclr_body);

		&:nth-child(3n) {
			border-right: 1px solid var(--pageclr_border);
			width:40%;
		};
		&:nth-child(3n+1) {
			border-right: 0px;
			border-left-width: 2px;
		}
		/* top ------------------------------------------*/
		&:nth-child(-n+3) {
			border-top: 1px solid var(--pageclr_border);
			color: #f8f8f8;
			background: var(--pageclr_border);
			font-family: var(--font-default);
			padding: .5em 1em;
		};
		/* corners --------------------------------------*/
		&:nth-child(3) { border-top-right-radius: 5px; }
		&:first-child { border-top-left-radius: 5px; }
		&:last-child { border-bottom-right-radius: 5px; }
		&:nth-last-child(3) { border-bottom-left-radius: 5px; }
	}
}

.hljs {
	--hljsclr_back: light-dark(#FFF,#222);
	--hljsclr_text: var(--pageclr_text);
	--hljsclr_type: light-dark(#d54e4e,#c85959);
	--hljsclr_number: light-dark(#d05712,#9987d5);
	--hljsclr_builtin: light-dark(#205cc7,#ff8b1d);
	--hljsclr_string: light-dark(#149e14,#695);
	--hljsclr_keyword: light-dark(#889,#8297c5);
	--hljsclr_meta: light-dark(#1f7199,#1f7199);

	background: var(--hljsclr_back);
	color: var(--hljsclr_text);
	
	.hljs-keyword,.hljs-section { color: var(--hljsclr_keyword); }
	.hljs-meta: { color: var(--hljsclr_meta); }
	.hljs-type,.hljs-title { color: var(--hljsclr_type); }
	.hljs-number { color: var(--hljsclr_number); }
	.hljs-built_in { color: var(--hljsclr_builtin); }
	.hljs-string { color: var(--hljsclr_string); }
};

@media only screen and (max-width: 1024px) {
	.regpage_bodydiv {
		max-width: 800px;
	}
}
@media only screen and (max-width: 700px) {
	img, .ctut_miniimage {
		max-width: 80%;
	}
}