/* custom Iosevka build */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: normal;
	font-weight: 400;
	font-style: normal;
	src: url('/media/woff2/iosevca-regular.woff2') format('woff2'), url('/media/ttf/iosevca-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: normal;
	font-weight: 400;
	font-style: italic;
	src: url('/media/woff2/iosevca-italic.woff2') format('woff2'), url('/media/ttf/iosevca-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: normal;
	font-weight: 700;
	font-style: normal;
	src: url('/media/woff2/iosevca-bold.woff2') format('woff2'), url('/media/ttf/iosevca-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: normal;
	font-weight: 700;
	font-style: italic;
	src: url('/media/woff2/iosevca-bolditalic.woff2') format('woff2'), url('/media/ttf/iosevca-bolditalic.ttf') format('truetype');
}
*/
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: expanded;
	font-weight: 400;
	font-style: normal;
	src: url('/media/woff2/iosevca-extended.woff2') format('woff2'), url('/media/ttf/iosevca-extended.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: expanded;
	font-weight: 400;
	font-style: italic;
	src: url('/media/woff2/iosevca-extendeditalic.woff2') format('woff2'), url('/media/ttf/iosevca-extendeditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: expanded;
	font-weight: 700;
	font-style: normal;
	src: url('/media/woff2/iosevca-extendedbold.woff2') format('woff2'), url('/media/ttf/iosevca-extendedbold.ttf') format('truetype');
}
@font-face {
	font-family: 'Iosevca';
	font-display: swap;
	font-stretch: expanded;
	font-weight: 700;
	font-style: italic;
	src: url('/media/woff2/iosevca-extendedbolditalic.woff2') format('woff2'), url('/media/ttf/iosevca-extendedbolditalic.ttf') format('truetype');
}



body {
	display: block;
	margin: 6pt;
	background-color: #eaeaee;
}

main {
	display: block;
	min-width: 220pt;
	margin: 24pt auto;
	padding: 12pt 36pt 16pt;
	background-color: #fff;
	color: #000;
	font-size: 15pt;
	font-family: 'IBM Plex Sans', sans-serif;
}

::selection {
	background-color: #ffcd18;
	color: #000;
}


#banner {
	display: block;
	min-height: 41pt;
	font-size: 30pt;
	font-weight: bold;
	color: #3c375a;
	margin: 18pt 0 12pt;
}

#banner * {
	vertical-align: middle;
}
#name {
	display: inline-block;
	background-color: #14d;
	color: #fff;
	padding: 0 8pt 2pt 6pt;
}
#name::selection {
	background-color: #fff;
}
.flair {
	display: inline;
	height: 41pt;
}
.flair path {
	stroke-width: 0;
	fill: #14d;
}

.subpage {
	margin-left: 12pt;
	display: inline-block;
	padding: 2pt 0;
}


h1 {
	display: block;
	margin: 20pt 5pt;
	font-size: 30pt;
	font-weight: bold;
}

h2 {
	display: block;
	margin: 18pt 12pt 12pt;
	font-size: 17.5pt;
	font-weight: bold;
}
h2::before {
	display: inline-block;
	width: 20pt;
	height: 3pt;
	margin: 0 6pt 4pt 0;
	background-color: #000;
	content: "";
}
h2::after {
	display: inline-block;
	width: 45pt;
	height: 3pt;
	margin: 0 0 4pt 6pt;
	background-color: #000;
	content: "";
}

h3 {
	display: block;
	margin: 12pt 6pt;
	font-size: 15pt;
	font-weight: 700;
}

p {
	display: block;
	min-width: 200pt;
	margin: 12pt 6pt;
	font-size: 15pt;
}

a {
	color: #14d;
	cursor: pointer;
	text-decoration: underline;
}


code {
	display: inline;
	padding: 2pt;
	background-color: #f4f4f8;
	font-family: 'Iosevca', monospace;
	font-stretch: expanded;
	font-size: 90%;
	white-space: pre;
}
.codeblock {
	display: block;
	padding: 8pt;
	background-color: #f4f4f8;
	font-family: 'Iosevca', monospace;
	font-stretch: expanded;
	font-size: 90%;
	white-space: pre;
}

ca {
	display: inline;
	color: #14d;
}
cg {
	display: inline;
	color: #99a;
}