@font-face {
	font-family: system-ui;
	font-style: normal;
	font-weight: 300;
	src: local(".SFNS-Light"), local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

@font-face {
	font-family: system-ui;
	font-style: italic;
	font-weight: 300;
	src: local(".SFNS-LightItalic"), local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
}

@font-face {
	font-family: system-ui;
	font-style: normal;
	font-weight: 400;
	src: local(".SFNS-Regular"), local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
}

@font-face {
	font-family: system-ui;
	font-style: italic;
	font-weight: 400;
	src: local(".SFNS-Italic"), local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
}

@font-face {
	font-family: system-ui;
	font-style: normal;
	font-weight: 500;
	src: local(".SFNS-Medium"), local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
	font-family: system-ui;
	font-style: italic;
	font-weight: 500;
	src: local(".SFNS-MediumItalic"), local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
	font-family: system-ui;
	font-style: normal;
	font-weight: 700;
	src: local(".SFNS-Bold"), local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
	font-family: system-ui;
	font-style: italic;
	font-weight: 700;
	src: local(".SFNS-BoldItalic"), local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
	font-family: iosevka;
	font-style: normal;
	font-weight: 300;
	src: url("/font/iosevka/ss07-regular.woff2");
}

@font-face {
	font-family: iosevka;
	font-style: italic;
	font-weight: 300;
	src: url("/font/iosevka/ss07-italic.woff2");
}

@font-face {
	font-family: iosevka;
	font-style: italic;
	font-weight: 500;
	src: url("/font/iosevka/ss07-bold-italic.woff2");
}

*,*::before,*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body > main {
	padding: 0.5em;
}

body > main > form,
body > main > p {
	max-width: 600px;
}

body > main > p ~ p {
	margin-top: 1em;
}

body {
	background-color: #111;
	color: #fff;
	font-family: iosevka, system-ui;
	font-weight: 300;
	font-size: 1rem;
}

body > header {
	position: relative;
	display: flex;
	background-color: #191919;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
	margin-bottom: 0.5em;
}

body > header > section {
	display: flex;
}

body > header > section > a {
	line-height: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.25em 0.5em;
	color: #fff;
	text-decoration: none;
}

body > header > section > a:visited {
	color: #fff;
}

body > header > section > a:hover {
	background: rgba(255, 255, 255, 0.1);
}

body > header > section > a > img,
body > header > section > a > img {
	max-width: 48px;
}

body > header > section > a > h1 {
	font-weight: 300;
	font-size: 1.5rem;
}

input, textarea {
	background: #222;
	border: 0;
	font: inherit;
	padding: 0.25em 0.5em;
	color: inherit;
	border-radius: 0.25em;
}

button, input[type=submit] {
	background: #a1efe4;
	color: #000;
}

ul, ol {
	padding-left: 1.5em;
}

a {
	color: #a1efe4;
}

a:visited {
	color: #66d9ef;
}

.lead {
	font-size: 1.5rem;
}

.rounded {
	border-radius: 0.5em;
}

form > fieldset {
	border: 0;
	display: flex;
	flex-direction: column;
}

form > fieldset ~ fieldset {
	margin-top: 0.5em;
}

img, embed, frame, iframe {
	max-width: 100vw;
}

@media (max-width: 600px) {
	body > header {
		flex-direction: column;
	}
}
