@import url("/design/normalize.css");
@font-face {
	font-family: "def";
	src: url("/design/DefSansVF.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
}
@font-face {
	font-family: "def";
	src: url("/design/DefSansVF.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: oblique;
	font-variation-settings: "slnt" -8;
}
em {
	font-style: oblique;
}
strong { font-weight: 600; }
body {
	 animation: fadein ease 2s;
	 animation-iteration-count: 1;
	 transform-origin: 50% 50%;
	 animation-fill-mode: forwards;
	 opacity: 0;
	 opacity: 1;
}
@keyframes fadein {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}
@font-face {
	font-family: "def";
	src: url("/design/DefSansVF.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
}
@font-face {
	font-family: "def";
	src: url("/design/DefSansVF.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: oblique;
	font-variation-settings: "slnt" -8;
}
em {
	font-style: oblique;
}
html {
	height: 100%;
	font: normal 380 3vw/1.8 "def";
	text-rendering: optimizeLegibility;
}
body {
	background: oklch(99% 0 0);
	color: #000;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}
::selection {
	background: #0992;
}
.flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 1vh auto !important;
	padding-bottom: 2vh;
	width: 90vw;
}
.col1, .col2 {
	flex: 1;
	margin: 0;
	padding: 2vh 1vw;
	min-width: 20rem;
}
/*.col2 {
	min-width: 3rem;
}*/
@media all and (max-width: 600px) {
	html {
		font: normal 380 18px/1.8 "def";
	}
}
.col1, .col2 > img {
	max-width: 100%;
}
a {
	color: inherit;
	text-decoration: none;
	padding: 0;
	border: none;
	box-shadow: none;
}
a::before {
	color: #888;
	content: "\2308";
}
a::after {
	color: #aaa;
	content: "\230B";
}
a:hover::before, a:hover::after {
	color: #000;
}
a:focus {
	outline: none;
	background: #0992;
}
a.ui, a.ui::before, a.ui::after {
	font-weight: 600;
}
h1, h2, h3 {
	display: inline-block;
	font: normal 600 1rem/1.8 "def";
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0 .5rem 0 0;
}
h3 {
	margin: 1rem .5rem 0 0;
}
p {
	margin: 1em 0;
	padding: 0;
}