@charset "utf-8";

* {
	box-sizing: border-box;
}

body {
	background: #def;
	background: linear-gradient(#def, #f5fff5 70%, #fed);
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #333;
	font-family: Calibri, Frutiger, Segoe, "Segoe UI", Helvetica, sans-serif;
	font-size: 1.125rem;
	height: 100%;
	margin: 0 auto;
}

.vh {
	border: none;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

body.quick {
	max-width: 65ch;
}


/* title bar and general links */

.quick h1 {
	margin: 0.5rem 0;
	padding: 0;
}

.quick h1 a {
	text-decoration: none;
}

.quick h1 a {
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

.quick h1 a#home {
	color: #999;
}

a, .quick h1 a:hover, .quick h1 a#home:hover {
	color: #06d;
}

a:active, .quick h1 a:active, .quick h1 a#home:active {
	color: #08e;
}


/* other text */

.quick h2 {
	margin: 1em 0 0.25em 0;
	font-size: 1.15rem;
}

.quick p {
	line-height: 1.4;
	margin: 0.5rem 0;
}

.quick p#footer {
	font-size: 0.9rem;
}

input {
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 1rem;
}