/* Style by Bico.Media */

@font-face {
	font-family: 'public sans el';
	src: url('https://bico.media/bit://19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAut/709db0af1710614e69fc4af11df2565e1e344bef006f7e07486251f61213984b') format('woff2'), url('https://bico.media/bit://19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAut/44405cf085192fa5b90aad41038edc9e270a017e383d016d7e71adb0bf889a2c') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'public sans b';
	src: url('https://bico.media/bit://19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAut/ddc126d096f992331bcc381796869699298f857539cc1fa40c23e237b3515fb2') format('woff2'), url('https://bico.media/bit://19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAut/a4b8ccb005079b493915f32ce3041c893c3d9a6bb01416d321cdc24e5028bb99') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'public sans el', sans-serif;
	line-height: 1.6;
	color: #333;
	padding: 1rem;
	margin: auto;
	background: #fafafa;
}

@media screen {
	html {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 100%;
	}
	body {
		padding: 7% 1rem 15% 1rem;
		max-width: 45rem;
	}
	article {
		background-color: #fefefe;
		color: #292f33;
		padding: 3vw;
		border: 1px solid #00000033;
		box-shadow: 0 0 10px #00000077;
		line-height: 1.5em;
	}
}

@media only screen and (max-width: 700px) {
	body {
		padding: 0;
		font-size: 1.2rem;
	}
}

img {
	max-width: 100%;
}

a {
	color: #2e9dcc;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: -0.04em;
	line-height: 1.1em;
	cursor: text;
	margin: 1em 0 15px;
	padding: 0;
	font-family: 'public sans b', sans-serif;
	font-weight: bold;
}

h1,
h2,
strong {
	font-family: 'public sans b', sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 3.3rem;
	letter-spacing: -0.05em;
	margin-top: 0;
}

h2 {
	font-size: 2.3rem;
	border-bottom: 1px solid #eee;
}

code,
pre {
	background-color: #0000000d;
	font-size: 0.95em;
	padding: 2px;
	border: 1px solid #00000026;
	border-radius: 3px;
	white-space: nowrap;
	color: #000000f2;
	opacity: 0.7;
	position:relative;
	top:-1px;
}

pre>code {
	background-color: #00000000;
	border: none;
	opacity: 1;
	white-space: pre-wrap;
	top:0;
}

pre {
	padding: 1vw;
}

blockquote code,
blockquote pre {
	opacity: 0.5;
}

blockquote {
	border-left: 2px solid #8080803d;
	padding: 0 1vw;
	color: #808080de;
	font-style: italic;
}

td,
th {
	border: 1px solid #0000002e;
	padding: 0.5vw;
}

th {
	font-family: 'public sans b', sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 3px solid #dcdcdc;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: auto;
}