:root {
	color-scheme: light;
}

body {
	--vtk-purple: #9900CC;
	max-width: 640px;
	font-size: 15px;
	font-family: Tahoma, sans-serif;
	line-height: 1em;
	margin: auto;
	border-style: solid;
	border-width: 12px;
	border-color: var(--vtk-purple);
	padding: 18px;
	background-color: #FFFFFF;
}

#sitelogo {
	display: block;
	width: calc(min(87vh, 100%));
	height: auto;
	margin: -30px auto 0px auto;
	filter: drop-shadow(5px 5px 8px #40404040);
}

#siteheading {
	font-size: calc(max(min(96px, 0.145 * (100vw - 60px)), 20px));
	text-align: justify;
	text-align-last: justify;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--vtk-purple);
	font-weight: normal;
	line-height: 0.8em;
	margin: 0.8em 0px 0.4em 0px;
}

h1 {
	font-size: calc(max(min(50px, 8vw), 20px));
	text-shadow: 0.05em 0.05em 0.08em #40404040;
}

h1:not(#siteheading)::after {
	content: ' @ vid\200athe\200akid .\200ainfo';
	font-size: 0.6em;
	line-height: 0px;
}

h2 {
	font-size: calc(max(min(40px, 7vw), 19px));
}

h3 {
	font-size: calc(max(min(30px, 6.1vw), 18px));
}

h4 {
	font-size: calc(max(min(25px, 5.4vw), 17px));
}

h5 {
	font-size: calc(max(min(20px, 4.7vw), 16px));
}

h6 {
	font-size: 15px;
}

h1:first-child, h2:first-child, h3:first-child, #siteheading {
	margin-top: 0px;
}

p {
	font-family: serif;
	line-height: 18px;
	text-indent: 21px;
	text-align: justify;
	margin: 12px 0px;
}

.pagesummary p {
	text-indent: 0px;
}

div.pagesummary {
	margin: 8px -9px;
	border-style: solid;
	border-width: 0.2em 1px 1px 1px;
	border-color: var(--vtk-purple);
	padding: 8px;
}

p:last-child, ul:last-child {
	margin-bottom: 0px;
}

div.pagesummary:last-child {
	margin-bottom: -9px;
}

a:link {
	color: #6600FF;
	text-decoration: underline;
	line-height: 1.2em;
	padding: 0.1em 0.2em;
}

a:visited {
	color: #993399;
}

a:link.unfinished {
	text-decoration: underline;
}

a:link.unfinished::before {
	content: '\1f6a7\00a0';
}

a:link.obsolete {
	color: #999999;
}

a:link:hover, a:visited:hover {
	color: #FFFFFF;
	background-color: var(--vtk-purple);
	text-decoration: none;
}

@media (max-width: 480px) {
	body {
		border-width: calc(max(10vw - 36px, 0px));
	}
}

@media print {
	body {
		border-style: none;
		border-width: 0px !important;
		margin: auto;
		padding: 0px;
	}
	#sitelogo {
		margin-top: 0px;
		width: calc(min(50vh, 50%));
	}
}