:root {
	/* Constants */
		/* --h-weight: 0.75516814; */
	/* Page */
	--width: 76.4242704955883vw;
	--mrg-top: 1.23cm;
	--mrg-lft: 11.7647058823529vw;
	--mrg-btm: 1.39cm;
	--mrg-rgt: 11.8110236220588vw;
	/* Fonts */
	--fnt-symbol: "Segoe UI Symbol", sans-serif;
	--fnt-normal: "Web Segoe UI", sans-serif;
	--fnt-light: "Web Segoe UI Light", sans-serif;
	--fnt-bold: "Web Segoe UI Semibold", sans-serif;
	--fnt-code: 'Web Consolas', 'Courier New', sans-serif;
	/* Colors (Norm) */
	--clr-red: #DB4D81;
	--clr-orange: #C39D5F;
	--clr-yellow: #D5C486;
	--clr-green: #68BD9E;
	--clr-turquoise: #A9BBDB;
	--clr-blue: #4473C4;
	--clr-purple: #A062C4;
	/* Colors (Dark) */
	--clr-red-dark: #B12458;
	--clr-orange-dark: #F69E08;
	--clr-yellow-dark: #AD7921;
	--clr-green-dark: #409174;
	--clr-turquoise-dark: #5C7FBB;
	--clr-blue-dark: #2E5291;
	--clr-purple-dark: #773B9A;
	/* ... */
	--clr-gray-alpha-lighter: #d9d9d938;
	--clr-gray-alpha-light: #d9d9d981;
	--clr-gray-lighter: #F7F7F7;
	--clr-gray-light: #B6B6B6;
	--clr-gray-medium: #7F7F7F;
	--clr-gray-dark: #595959;
	--clr-gray-darker: #262626;
	--clr-contrast-shade: var(--clr-gray-darker);
	--clr-contrast-color: var(--clr-gray-lighter);
	/* Themes */
	--clr-main: var(--clr-blue);
	--clr-back-primary: white;
	--clr-back-secondary: var(--clr-gray-alpha-light);
	--clr-back-tertiary: var(--clr-gray-alpha-lighter);
	--clr-font-primary: var(--clr-gray-dark);
	--clr-font-secondary: var(--clr-gray-medium);
	--clr-font-tertiary: var(--clr-gray-dark);
	--clr-head-primary: #2E74B5;
	--clr-head-secondary: #1F3864;
	--clr-head-tertiary: #2F5496;
	/* Padding */
	--pad-syn: .75em;
	/* H1 */
	--h1-fnt-sze: 3.222222222222222rem;
	/* H2 */
	--h2-fnt-sze: 1.77778rem;
	--h2-fnt-hgt: calc(var(--h2-fnt-sze) * 0.75516814);
	--h2-mrg-top: calc(var(--h2-fnt-sze) * 0.75);
	--h2-mrg-btm: calc(var(--h2-fnt-sze) * 0.5);
	--h2-mrg-fill: calc(100vh - (var(--h2-mrg-top) + var(--h2-mrg-btm)));
	/* H3 */
	--h3-fnt-sze: 1.555555555555556rem;
	--h3-fnt-hgt: calc(var(--h3-fnt-sze) * 0.999755555555556);
	--h3-mrg-top: calc(var(--h3-fnt-sze) * 0.8571);
	--h3-mrg-btm: calc(var(--h3-fnt-sze) * 0.2142);
	/* H4 */
	--h4-fnt-sze: 1.333333333333333rem;
	--h4-mrg-top: calc(var(--h4-fnt-sze) * 1.5);
	--h4-mrg-btm: calc(var(--h4-fnt-sze) * 0);
	/* H# */
	--h2-height: calc(var(--h2-mrg-top) + var(--h2-fnt-hgt) + var(--h2-mrg-btm));
	--h3-height: calc(var(--h3-mrg-top) + var(--h3-fnt-sze) + var(--h3-mrg-btm));
	/* Text */
	--line-height: 1.25;
	/* Nav */
	/* --nav-offset: 10px; */
	--nav-offset: 0px;
	/* Box Stuff */
	--corners: .25em;
	/* Meter Stuff */
	--meter-height: 30px;
}

/* #region Style Definitions */

html {
	font-size: 9.0pt;
	font-family: var(--fnt-normal);
	font-weight: normal;
	min-width: 320px;
}

html,
header,
header > div > .Contact > *,
header > a {
	color: var(--clr-font-primary);
}

body {
	margin: 0;
	margin-top: var(--mrg-top);
	margin-bottom: var(--mrg-btm);
	padding: 0;
	padding-left: var(--mrg-lft);
	padding-right: var(--mrg-rgt);
	overflow-x: inherit;
}
body > [data-main] > article {
	position: relative;
}

body .break {
	flex-basis: 100%;
	height: 0;
}

body input.Menu.Button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
}

[data-reader] {
	position: absolute !important;
    bottom: 0 !important;
    z-index: -99999 !important;
}

#SheBang,
input[name="SheBang"],
[data-syntax] {
	display: none;
}

ol[data-pl] > li::marker,
ul[data-pl] > li::marker {
	content: '';
	color: transparent;
}

/* #region Accessibility */

	body *[aria-label] {
		-prince-alt-text: attr(aria-label);
	}
	body *[title]:not(abbr):not(a) {
		-prince-tooltip: attr(title)
	}
	body abbr {
		-prince-expansion-text: attr(title)
	}
	body *[alt] {
		-prince-alt-text: attr(alt);
	}
	body *[href] {
		-prince-pdf-link-type: new-window;
		/* -prince-alt-text: attr(title); */
	}
	body img[href] {
		-prince-link: attr(href);
	}
	body *[data-dest] {
		-prince-pdf-destination: attr(data-dest);
	}
	body *[data-link] {
		-prince-link: attr(data-link);
	}

/* #endregion */

/* #region Colors */

	h2, .Menu.Button, h3, h4,
	header > div > .Contact > .Separate {
		color: var(--clr-blue);
	}

	body .Red {
		color: var(--clr-red);
	}
	body .Orange {
		color: var(--clr-orange);
	}
	body .Yellow {
		color: var(--clr-yellow);
	}
	body .Green {
		color: var(--clr-green);
	}
	body .Blue {
		color: var(--clr-blue);
	}
	body .Purple {
		color: var(--clr-purple);
	}
	body .Contrast {
		color: var(--clr-contrast-shade);
	}

/* #endregion */

/* #region Headings */


	h1 {
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		gap: 0 .25em;
		margin: 0;
		font-size: var(--h1-fnt-sze);
		font-family: var(--fnt-normal);
		letter-spacing: 0.017241379310345em;
		/* flex-grow: 0; */
	}
	h1 * {
		-prince-pdf-tag-type: none;
	}

	h2, .Menu.Button > span {
		font-size: var(--h2-fnt-sze);
		font-family: var(--fnt-symbol);
		font-weight: bold;
		margin: 0;
		margin-top: var(--h2-mrg-top);
		margin-bottom: var(--h2-mrg-btm);
	}

	h3 {
		font-size: var(--h3-fnt-sze);
		font-family: var(--fnt-normal);
		font-weight: normal;
		word-spacing: -0.1em;
		margin: 0;
		margin-top: var(--h3-mrg-top);
		margin-bottom: var(--h3-mrg-top);
	}
	h3 > *:last-child {
		display: block;
		min-width: 7em;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right;
		text-decoration: none;
	}

	h4 {
		position: relative;
		font-size: var(--h4-fnt-sze);
		font-family: var(--fnt-normal);
		font-weight: normal;
		margin: 0;
		margin-top: var(--h4-mrg-top);
	}
	h4 > p {
		display: flex;
	}
	h4 > p > *:nth-child(2) {
		overflow: hidden;
		width: 100%;
	}

	h3 i,
	h4 i {
		-prince-pdf-tag-type: none;
		font-family: var(--fnt-light);
		font-style: normal;
		text-transform: none;
		text-decoration: none;
	}
	h4 small {
		font-family: var(--fnt-normal);
		font-size: 0.75em;
		vertical-align: baseline;
	}

/* #endregion */

/* #region Text */

	p {
		margin: 0;
		margin-bottom: 0.666666666666667rem;
		font-family: var(--fnt-normal);
		font-weight: normal;
		line-height: var(--line-height);
	}

	time {
		-prince-pdf-tag-type: Span;
		-prince-expansion-text: attr(datetime);
		-prince-alt-text: attr(datetime);
	}

	::marker {
		-prince-pdf-tag-type: Artifact;
	}

	abbr {
		text-decoration: none;
	}

	sup {
		-prince-pdf-tag-type: Artifact;
		text-decoration: none;
		vertical-align: 0.3em;
	}

	i, b, u, strong, em, mark, p::after {
		-prince-pdf-tag-type: none;
	}

/* #endregion */

/* #region Graphics */

	figure {
		display: inline-block;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
	}

	img#Portrait {
		-prince-pdf-tag-type: Artifact;
		--portrait-border-size: 1px;
		--portrait-size: calc((3rem * var(--line-height)) + 1rem - (var(--portrait-border-size) * 2));
		width: var(--portrait-size);
		height: var(--portrait-size);
		margin: 0;
		margin-right: 0.5em;
		border-radius: var(--corners);
		border: var(--portrait-border-size) solid var(--clr-main);
		float: left;
	}

	div#Timeline {
		-prince-pdf-tag-type: Artifact;
		height: 1em;
	}
	div#Timeline > div {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		height: 100%;
		min-width: 320px;
	}
	div#Timeline > div > span {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		height: 0.416666666666667em;
		width: 0.25em;
		border-radius: 0.083333333333333em;
		background-color: var(--clr-back-secondary);
	}
	div#Timeline > div > span:nth-of-type(4n-3) {
		background: none;
	}
	div#Timeline > div > span:nth-of-type(4n-3) > span {
		display: flex;
		white-space: nowrap;
		padding: 0.083333333333333em 0;
	}
	div#Timeline > div > span:nth-of-type(4n-3) > span::before,
	div#Timeline > div > span:nth-of-type(4n-3) > span::after {
		content: ' ';
		display: block;
		height: 0.416666666666667em;
		width: 0.333333333333333em;
		background-repeat: no-repeat;
	}

	figure.TimelineSimple {
		-prince-pdf-tag-type: Artifact;
		display: block;
		line-height: 50%;
		page-break-after: avoid;
		font-size: 0.111111111111111rem;
		margin: 0;
		margin-bottom: 0.666666666666667rem;
		width: 100%;
		border-radius: 0.166666666666667rem;
	}

/* #endregion */

/* #region Header */

	header {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		gap: 1em;
	}
	header img {
		-prince-pdf-tag-type: Artifact;
	}
	header > div {
		-prince-pdf-tag-type: none;
		flex-basis: calc(70vw - 5.75rem);
		flex-grow: 1;
		display: table;
	}
	header > div > * {
		display: block;
	}
	header > div > .Contact {
		-prince-pdf-tag-type: Div;
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		gap: 0.5em 1em;
		/* text-align: right; */
		font-size: 1rem;
		/* flex-basis: 70%; */
		font-style: normal;
	}
	header > div > .Contact *:not(a) {
		-prince-pdf-tag-type: none;
	}
	header > div > .Contact > * {
		display: block;
		margin: 0cm;
		font-style: normal;
		text-decoration: none !important;
	}
	header > div > .Contact > .Email,
	header > div > .Contact > .Phone {
		font-family: var(--fnt-bold);
		/* flex-grow: 1; */
	}
	header > div > .Contact > .Smail {
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 0.25em 0;
	}
	header > div > .Contact > .Separate {
		-prince-pdf-tag-type: Artifact;
		font-weight: bold;
	}
	header > div > .Contact > .Separate::after {
		content: '•';
	}
	header > a {
		display: contents;
		font-family: 'Technopith 3';
		font-feature-settings: "liga" 1;
		font-size: 5.75rem;
		text-decoration: none;
		text-align: end;
		flex-grow: 2;
	}
	header > a > *:not(img) {
		-prince-pdf-tag-type: none;
	}
	header > a > img {
		width: 1.269130434782609em;
		vertical-align: top;
	}

/* #endregion */

/* #region Skills & Highlights */

	.Highlight, .Highlights {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		gap: 2em;
		margin-bottom: 2em;
	}

	.Skills {
		-prince-pdf-tag-type: UL;
		/* list-style: none; */
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		font-size: 0.888888888888889rem;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0;
	}
	.Skills > h4 {
		-prince-bookmark-level: none;
		-prince-pdf-tag-type: P;
		page-break-after: avoid;
		font-size: 1.555rem;
		font-family: var(--fnt-bold);
		font-weight: normal;
		color: var(--clr-font-secondary);
		margin-block-start: 1.33em;
		margin-block-end: 1.33em;
		margin: 0 0.214285714285714em;
		padding-top: 0;
		line-height: normal;
		word-spacing: normal;
	}
	.Skills > li {
		-prince-pdf-tag-type: LI;
		position: relative;
		border-radius: var(--corners);
		background-color: var(--clr-back-secondary);
		height: 1.2em;
		padding-right: 0.5em;
	}
	.Skills > li:not(:last-of-type) {
		margin-bottom: 0.63em;
	}
	.Skills > li > span {
		-prince-pdf-tag-type: P;
		position: relative;
		display: inline-table;
		width: 100%;
		height: 100%;
		color: var(--clr-back-primary);
		background-color: var(--clr-blue);
		border-radius: var(--corners);
	}
	.Skills > li > span > span {
		-prince-pdf-tag-type: none;
		position: relative;
		font-size: 1rem;
		font-weight: bold;
		white-space: nowrap;
		margin-right: .5em;
		line-height: .9;
		vertical-align: text-bottom;
	}
	.Skills > li > span > span::before {
		-prince-pdf-tag-type: Artifact;
		content: attr(data-icon);
		margin: 0 .5em;
		font-family: "Technopath";
		font-weight: normal;
	}

	/* NOTE: Skill-Gap = 6.101 px */

	figure#FIG_HL_DevOps,
	figure#CHT_HL_Languages:not([data-reader]) {
		min-width: min(76vw, 25.9419rem);
		flex-grow: 1;
	}
	.Highlight#CHT_SK_Language {
		flex-direction: row-reverse;
	}
	.Highlight > ul {
		flex-grow: 2;
	}
	.Highlights > * {
		flex-grow: 1;
	}

/* #endregion */

/* #region Qualities */

	ul.Qualities {
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
		align-content: stretch;
		align-items: stretch;
		font-size: 1.111111111111111rem;
		text-align: center;
		list-style-type: none;
		width: 100%;
		/* min-height: 5.102362209826772em; */
		/* height: calc(5.102362209826772em + (8.5in - 100vw)); */
		margin: 0;
		margin-block-start: 0;
		margin-block-end: 0;
		padding-inline-start: 0;
	}
	ul.Qualities li {
		margin: 0;
		min-width: 150px;
		padding-bottom: 0.3em;
		white-space: nowrap;
		/* flex-basis: 24%; */
		flex-grow: 1;
	}
	ul.Qualities li:nth-of-type(odd) {
		font-family: var(--fnt-bold);
	}

/* #endregion */

/* #region Descriptions */

	.Description {
		width: 100%;
	}
	.Description > * {
		display: block;
		box-sizing: border-box;
		padding: 0;
		padding-left: 1.921259842555556em;
		padding-right: 0.635294117647059em;
		border: none;
		flex-grow: 1;
	}
	.Description > ul  {
		list-style-type: square;
		margin-block-start: 0;
		margin: 0;
	}
	.Description > ul > li {
		margin: 0;
		/* font-size: 0.944444444444444rem; */
		font-size: 1rem;
	}
	.Description > ul > li::marker {
		line-height: 1.25;
	}
	.Description > ul > li p {
		margin-bottom: 0.352941176470588em;
		color: var(--clr-font-tertiary);
	}
	.Description > .Icons {
		flex-basis: 16.21120889300602vw;
	}
	.Description > .Icons > p {
		display: flex;
		flex-flow: row wrap;
		/* justify-content: end; */
		align-content: flex-start;
		gap: 0.25em;
		font-family: 'Technopith 3';
		font-feature-settings: "liga" 1;
		line-height: 150%;
		text-align: right;
		margin: 0;
		page-break-after: avoid;
	}
	.Description > .Icons > p::after {
		content: none;
	}
	.Description > .Icons > p > span {
		-prince-pdf-tag-type: none;
	}
	.Description > .Icons > p > span::after {
		-prince-pdf-tag-type: none;
		/* margin-left: .2em; */
	}
	.Description > .Icons > p > span:not(:last-child)::after {
		content: attr(data-skill) ',\00A0';
	}
	.Description > .Icons > p > span:last-child::after {
		content: attr(data-skill) '\00A0';
	}
	.Description > .Icons > p > span[data-skill] {
		color: var(--clr-blue);
	}
	.Description > .Icons > p > span[data-skill="Linux"],
	.Description > .Icons > p > span[data-skill="BaSH"],
	.Description > .Icons > p > span[data-skill="Rust"],
	.Description > .Icons > p > span[data-skill="ContainerD"] {
		color: var(--clr-contrast-shade);
	}
	.Description > .Icons > p > span[data-skill="Terraform"] {
		color: var(--clr-purple);
	}
	.Description > .Icons > p > span[data-skill="Red Hat"],
	.Description > .Icons > p > span[data-skill="Ruby"],
	.Description > .Icons > p > span[data-skill="Rails"],
	.Description > .Icons > p > span[data-skill="Redis"] {
		color: var(--clr-red);
	}
	.Description > .Icons > p > span[data-skill="Amazon Web Services"] {
		color: var(--clr-orange);
	}
	.Description > .Icons > p > span[data-skill="Puppet"] {
		color: var(--clr-yellow);
	}
	.Description > .Icons > p > span[data-skill="MongoDB"] {
		color: var(--clr-green);
	}

/* #endregion */

/* #region Links */

	.Connections {
		list-style: none;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: baseline;
		gap: 1em;
		/* width: 100%; */
		margin-bottom: 1rem;
	}
	.Connections a {
		font-family: 'Technopith 3';
		font-size: 2.33333333333333333rem;
		color: var(--clr-contrast-shade);
		flex-grow: 2;
		text-align: center;
		white-space: nowrap;
	}
	.Connections a,
	.Connections a:hover,
	.Connections a:active,
	.Connections a:visited {
		text-decoration: none;
	}
	.Connections a > span {
		display: inline-table;
	}
	.Connections a img {
		-prince-pdf-tag-type: Artifact;
		position: relative;
		height: 1.15em;
		width: auto;
		float: left;
		margin-right: 0.2em;
	}
	.Connections #LNK_NPM {
		color: var(--clr-red) !important;
	}

/* #endregion */

/* #region Footer */

	footer::after {
		display: block;
		counter-increment: page;
		content: counter(page) " | Page";
		text-align: right;
		letter-spacing: 0.222222222222222em;
	}
	footer hr {
		border: none;
		border-top: 2px solid #D9D9D9;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-bottom: 0.416666666666667em;
	}

/* #endregion */

/* #region Verbose */


	section[data-organization],
	section[data-organization],
	section[data-organization] {
		position: relative;
	}
	section[data-organization]::before,
	section[data-organization]::before,
	section[data-organization]::before,
	section[data-organization]::after,
	section[data-organization]::after,
	section[data-organization]::after {
		position: absolute;
	}

/* #endregion */

/* #endregion */

/* #region Page Definitions */

@prince-pdf {
	-prince-pdf-profile: "PDF/UA-1";
	-prince-pdf-page-mode: show-bookmarks;
}

@media print {
	html {
		overflow-x: hidden;
	}
	body {
		counter-reset: page;
		margin: 0;
	}
	body > [data-main] > article {
		-prince-pdf-tag-type: Part;
	}
	body > [data-main] > article > .Scroll {
		-prince-pdf-tag-type: none;
	}

	[data-key],
	[data-syntax] {
		-prince-pdf-tag-type: none;
	}

	*[class~="Menu"] {
		display: none;
	}

	h2 {
		-prince-bookmark-level: 1;
	}
	h3 {
		-prince-bookmark-level: 2;
	}
	h4 {
		-prince-bookmark-level: 3;
	}
	h4 > * {
		-prince-pdf-tag-type: Span;
	}
	h4,
	h4 > small {
		line-height: 75%;
	}
	h3 > :last-child:not(:first-child),
	h4 > :last-child:not(:first-child) {
		float: right;
	}
	h2::after,
	h3 > :first-child:not(:last-child)::after,
	h4 > :first-child:not(:last-child)::after {
		-prince-pdf-tag-type: none;
		content: leader('-');
		color: var(--clr-back-primary);
	}
	h2, h3, h4 {
		page-break-after: avoid;
	}
	h5, h6 {
		-prince-bookmark-level: none;
	}
	h2, h3, h4, h5, h6 {
		white-space: nowrap;
	}

	header > a > img {
		display: none;
	}

	body > [data-main] > div#Timeline {
		display: none;
	}

	figure#FIG_HL_DevOps,
	figure#CHT_HL_Languages {
		width: min(76vw, 25.9419rem);
		flex-grow: 0;
	}

	ul.Qualities {
		height: 5.102362209826772em;
		padding: 0;
		padding-inline-start: 0;
	}

	article#Experience,
	article#Certifications,
	article#Education {
		page-break-inside: avoid;
	}
	section[data-organization]::before,
	section[data-organization]::before,
	section[data-organization]::before,
	section[data-organization]::after,
	section[data-organization]::after,
	section[data-organization]::after {
		color: var(--clr-back-primary);
		top: .5em;
	}
	section[data-organization]::before,
	section[data-organization]::before,
	section[data-organization]::before {
		content: attr(data-organization) leader('-') attr(data-location);
	}
	section[data-organization]:first-of-type:before,
	section[data-organization]:first-of-type:before,
	section[data-organization]:first-of-type:before {
		content: attr(data-location) leader('-');
	}

	.Description {
		page-break-before: avoid;
	}
	.Description > .Icons {
		-prince-pdf-tag-type: BlockQuote;
	}

	footer {
		-prince-flow: static(footer, start);
		/* display: table-footer-group; */
		display: none;
		position: fixed;
		height: var(--mrg-btm);
		width: var(--width);
		padding-left: var(--mrg-lft);
		padding-right: var(--mrg-rgt);
		bottom: 0;
	}
}

@media screen {
	:root {
		--main-wdt: calc(100vw + var(--nav-offset));
		--mrg-scr-lft: calc(var(--mrg-lft) + var(--nav-offset));
		/* Timeline */
		--tl-lft: calc(var(--mrg-scr-lft) * -0.4);
		--tl-bdr-sze: 4px;
	}

	* {
		text-rendering: optimizeLegibility;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-perspective: 1000;
		   -moz-perspective: 1000;
				perspective: 1000;
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			 -o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}

	html {
		background-color: var(--clr-blue);
		/* -webkit-scroll-snap-type: y mandatory; */
		        /* scroll-snap-type: y mandatory; */
		height: -webkit-fill-available;
		/* overflow-x: hidden; */
	}
	html[data-os="iOS"] {
		-webkit-scroll-snap-type: none;
				scroll-snap-type: none;
	}

	body {
		margin: 0;
		padding: 0;
		height: inherit;
		display: grid;
		grid-template-columns: [c-nav] 1fr [c-cont] 3fr [c-end];
		grid-template-rows: [r-hdr] 100vh [r-main] auto [r-ftr] 100vh [r-end];
		grid-template-areas:
			"nav head"
			"nav main"
			"nav foot";
		overflow-x: hidden;
	}
	/* html[data-os="iOS"] body {
		-webkit-scroll-snap-type: y mandatory;
		        scroll-snap-type: y mandatory;
	} */
	body > nav {
		/* display: none; */
		grid-area: nav;
	}
	body > div {
		display: none;
		/* scroll-snap-align: start; */
		grid-column: c-cont / c-cont;
		grid-row: r-main / r-end;
	}
	body > [data-main] {
		grid-area: main;
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		left: calc(var(--nav-offset) * -1);
		/* width: var(--main-wdt); */
	}
	body > [data-main] > * {
		width: auto;
	}
	body > [data-main] > *:not(h2) {
		background-color: var(--clr-back-primary);
	}
	body > [data-main] > *:not(h2):not(h3):not(header) {
		position: relative;
		z-index: 1;
	}
	header,
	[data-snap],
	footer {
		box-sizing: border-box;
		padding-top: var(--h2-height);
		padding-left: var(--mrg-scr-lft);
		padding-right: var(--mrg-rgt);
		min-height: 100vh;
		min-height: 100lvh;
	}
	[data-snap] {
		padding-left: var(--mrg-scr-lft);
		padding-right: var(--mrg-rgt);
		scroll-snap-align: start;
	}
	body > [data-main] > h3 ~ [data-snap] {
		padding-top: calc(var(--h2-height) + var(--h3-height));
	}

	/* #region Shebang */

	#SheBang,
	input[name="SheBang"] {
		grid-column: c-cont / c-end;
		grid-row: r-hdr / r-ftr;
	}
	input[name="SheBang"] {
		position: sticky;
		z-index: -999999;
		width: 0;
	}
	#SheBang {
		--gap: 1em;
		--gap-half: calc(var(--gap) / 2);
		--gap-quart: calc(var(--gap-half) / 2);
		box-sizing: border-box;
		display: block;
		z-index: 9999999;
		overflow: visible;
		font-family: var(--fnt-code);
		pointer-events: none;
	}
	#SheBang > div {
		position: sticky;
		top: 0;
		left: 0;
		right: 0;
		height: 1em;
		margin: 0;
		padding: 0;
		padding-top: calc(var(--gap-half) + var(--gap-quart));
		padding-left: var(--gap);
		padding-right: var(--mrg-rgt);
		background-color: var(--clr-back-primary);
		pointer-events: all;
	}
	#SheBang > div > div {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		column-gap: var(--gap-half);
		height: inherit;
	}
	#SheBang > div > div > span {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		margin: 0;
		/* margin-right: var(--gap-quart); */
		cursor: pointer;
		line-height: 1;
	}
	#SheBang > div > div *,
	#SheBang > div > div *::before,
	#SheBang > div > div *::after {
		transition-property:
			width,
			height,
			row-gap,
			opacity,
			padding-top,
			padding-bottom;
		transition-duration: 0.15s;
		transition-timing-function: cubic-bezier(.17,.67,.71,1.64);
	}
	#SheBang:not(:hover) > div > div *,
	#SheBang:not(:hover) > div > div *::before,
	#SheBang:not(:hover) > div > div *::after {
		transition-delay: 0.3s;
	}
	input[name="SheBang"]:valid ~ #SheBang:hover > div > div *,
	input[name="SheBang"]:valid ~ #SheBang:hover > div > div *::before,
	input[name="SheBang"]:valid ~ #SheBang:hover > div > div *::after {
		transition-delay: 0s;
	}
	input[name="SheBang"]:valid ~ #SheBang > div > div > div,
	input[name="SheBang"]:valid ~ #SheBang > div > div > div *,
	input[name="SheBang"]:valid ~ #SheBang > div > div > div *::before,
	input[name="SheBang"]:valid ~ #SheBang > div > div > div *::after,
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div,
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div *,
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div *::before,
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div *::after,
	input[name="SheBang"]#syn_none:checked ~ #SheBang > div > div > div,
	input[name="SheBang"]#syn_none:checked ~ #SheBang > div > div > div *,
	input[name="SheBang"]#syn_none:checked ~ #SheBang > div > div > div *::before,
	input[name="SheBang"]#syn_none:checked ~ #SheBang > div > div > div *::after {
		transition-delay: 0.15s;
	}
	#SheBang > div > div > span :is([data-sb-open], [data-sb-close]) {
		display: grid;
	}
	#SheBang > div > div > span [data-sb-open]::before,
	#SheBang > div > div > span [data-sb-open]::after,
	#SheBang > div > div > span [data-sb-env]::before,
	#SheBang > div > div > span [data-sb-env]::after {
		display: inline-block;
		grid-column: 1 / -1;
		grid-row: 1 / -1;
	}
	#SheBang > div > div > span [data-sb-open]::before {
		content: '<';
	}
	#SheBang > div > div > span [data-sb-open]::after {
		content: '#';
		opacity: 0;
	}
	#SheBang > div > div > span [data-sb-env] {
		overflow: hidden;
	}
	#SheBang > div > div > span [data-sb-env]::before {
		z-index: 0;
		content: '!';
		width: 0px;
	}
	#SheBang > div > div > span [data-sb-env]::after {
		z-index: 1;
		content: '/usr/bin/env';
		width: 0.5em;
		background-color: var(--clr-back-primary);
	}
	#SheBang > div > div > span [data-sb-open]::after,
	#SheBang > div > div > span [data-sb-env]::before,
	#SheBang > div > div > span [data-sb-env]::after {
		font-style: italic;
	}
	#SheBang > div > div > span::after {
		content: '>';
		width: 0.5em;
		overflow: hidden;
	}
	#SheBang > div > div > div {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		row-gap: 0px;
		margin: 0;
	}
	#SheBang > div > div > div > label {
		order: 2;
		display: block;
		height: 0px;
		padding: 0 var(--gap-half);
		margin-left: calc(var(--gap-half) * -1);
		line-height: 1;
		color: var(--clr-contrast-color);
		background-color: var(--clr-purple);
		border-radius: var(--corners);
		box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 25%);
		overflow: hidden;
		opacity: 0;
		cursor: pointer;
	}
	#SheBang:hover > div > div > div > label {
		padding: var(--gap-quart) var(--gap-half);
		height: 1em;
		opacity: 1;
	}
	#SheBang:hover > div > div > div > label:hover {
		background-color: var(--clr-purple-dark);
	}
	#SheBang:hover > div > div > div > label[for="syn_none"] {
		background-color: var(--clr-red);
	}
	#SheBang:hover > div > div > div > label[for="syn_none"]:hover {
		background-color: var(--clr-red-dark);
	}
	#SheBang:hover > div > div > span [data-sb-env]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span [data-sb-env]::before {
		content: '!';
	}
	#SheBang:hover > div > div > span [data-sb-env]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span [data-sb-env]::before {
		width: 0.5em;
	}
	#SheBang:hover > div > div > span [data-sb-env]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span [data-sb-env]::after {
		width: 6.75em;
	}
	#SheBang:hover > div > div > span [data-sb-open]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span [data-sb-open]::before,
	#SheBang:hover > div > div > span::after,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span::after {
		opacity: 0;
	}
	#SheBang:hover > div > div > span [data-sb-open]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span [data-sb-open]::after {
		opacity: 1;
	}
	#SheBang:hover > div > div > span::after,
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > span::after {
		width: 0px;
	}
	#SheBang:hover > div > div > div {
		row-gap: var(--gap-half);
	}
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div > label[for="syn_none"]::before,
	input[name="SheBang"]#syn_none:checked ~ #SheBang > div > div > div > label[for="syn_none"]::before {
		content: '-';
		opacity: 0;
	}
	input[name="SheBang"]#syn_none:not(:checked):valid ~ #SheBang > div > div > div > label[for="syn_none"]::before {
		content: 'x';
	}
	input[name="SheBang"]:invalid ~ #SheBang > div > div > div > label[for="syn_none"],
	input[name="SheBang"]#syn_none:checked   ~ #SheBang > div > div > div > label[for="syn_none"  ],
	input[name="SheBang"]#syn_node:checked   ~ #SheBang > div > div > div > label[for="syn_node"  ],
	input[name="SheBang"]#syn_bash:checked   ~ #SheBang > div > div > div > label[for="syn_bash"  ],
	input[name="SheBang"]#syn_python:checked ~ #SheBang > div > div > div > label[for="syn_python"],
	input[name="SheBang"]#syn_ruby:checked   ~ #SheBang > div > div > div > label[for="syn_ruby"  ] {
		display: inline-block;
		order: 1;
		padding: 0;
		margin-left: initial;
		height: 1em;
		color: unset;
		font-style: italic;
		background-color: initial;
		opacity: 1;
		box-shadow: none;
	}
	input[name="SheBang"]:invalid ~ #SheBang:hover > div > div > div > label[for="syn_none"]::before,
	input[name="SheBang"]#syn_none:checked ~ #SheBang:hover > div > div > div > label[for="syn_none"]::before {
		opacity: 1;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div > div > div > label[for="syn_none"] {
		order: 3;
	}

	/* #endregion */

	/* #region Menu */

		.Menu.Button {
			/* display: none; */
			box-sizing: border-box;
			z-index: 99999;
			overflow: visible;
			margin: 0;
			width: 0px;
			height: 100%;
			background-color: transparent;
			color: var(--clr-back-primary);
			text-align: center;
			text-decoration: none;
			cursor: pointer;
			grid-column: c-cont / c-cont;
			grid-row: r-hdr / r-end;
		}
		.Menu.Button span {
			display: block;
			position: sticky;
			top: 0;
			width: calc(var(--mrg-lft) - 2vw);
			padding-top: var(--h2-mrg-top);
			padding-left: 0;
			padding-right: 0;
		}
		nav {
			display: none;
			position: relative;
			min-width: 280px;
			z-index: 99998;
			padding: 0;
			overflow-x: visible;
			grid-column: c-nav / c-cont;
			grid-row: r-main / r-end;
		}
		nav * {
			box-sizing: border-box;
			color: var(--clr-contrast-color);
		}
		nav > div {
			position: sticky;
			top: 0;
			display: flex;
			flex-flow: column nowrap;
			row-gap: 0.3em;
			width: calc(100% - var(--nav-offset));
			height: 100vh;
			height: 100dvh;
			padding-bottom: 1em;
			background-color: var(--clr-blue);
			overflow-x: visible;
			overflow-y: scroll;
			--menu-shadow: 4px 0px 1px 1px rgb(0 0 0 / 25%);
			-webkit-box-shadow: var(--menu-shadow);
					box-shadow: var(--menu-shadow);
		}
		nav > div > * {
			padding-left: min(var(--mrg-lft), 6rem);
			padding-right: 2em;
		}
		nav > div > h2 {
			/* position: relative; */
			margin-bottom: var(--h2-mrg-btm);
			box-shadow: none;
		}
		nav > div > span {
			font-style: italic;
			opacity: 0.6;
			padding-top: 0.25em;
		}
		nav > div > label[data-h2] {
			font-family: 'Web Segoe UI Semibold';
			font-size: 1.5em;
			font-weight: bold;
			padding-top: 0.25em;
		}
		nav > div > label[data-h3] {
			font-size: 1.15em;
			font-weight: normal;
		}
		nav > div > label[data-h4] {
			font-family: 'Web Segoe UI Light';
			font-size: 1em;
			font-weight: lighter;
		}
		nav a {
			text-decoration: none;
			/* white-space: nowrap; */
		}

	/* #endregion */

	div.Splash {
		display: none;
		position: relative;
		z-index: 999;
		width: 100%;
		height: 100vh;
		background-color: var(--clr-blue);
	}
	div.Splash.Light {
		position: sticky;
		top: 0;
		background-color: var(--clr-back-primary);
	}
	div.Shadow {
		position: sticky;
		top: 0;
		z-index: 998;
		min-height: 1px;
		height: var(--h2-height);
		box-shadow: 0px 8px 1px -1px rgb(0 0 0 / 25%);
		background-color: transparent;
	}

	header {
		grid-area: head;
		/* position: sticky; */
		top: 0;
		background-color: var(--clr-back-primary);
	}
	header > a {
		line-height: .5;
		pointer-events: none;
	}
	header > a > :not(img) {
		display: none;
	}

	h2 {
		position: sticky;
		top: 0;
		z-index: 1000;
		color: var(--clr-blue);
		margin-top: 0;
		margin-left: var(--mrg-scr-lft);
		margin-bottom: 0;
		padding-top: var(--h2-mrg-top);
		padding-right: var(--mrg-rgt);
		background-color: var(--clr-back-primary);
	}
	
	h3, h4 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	h3 {
		position: sticky;
		top: var(--h2-height);
		z-index: 1;
		flex-wrap: nowrap;
		column-gap: 0.5em;
		align-items: stretch;
		/* margin: 0; */
		padding-top: var(--h3-mrg-top);
		padding-left: var(--mrg-scr-lft);
		padding-right: var(--mrg-rgt);
		background-color: var(--clr-back-primary);
		box-shadow: 0px 5px 6px -7px var(--clr-back-primary);
	}
	h3 > *:first-child {
		flex-grow: 1;
		flex-basis: 50%;
	}
	h3 > *:last-child {
		flex-grow: 1;
	}
	h3.Timeline {
		margin-left: var(--mrg-scr-lft);
		padding-left: 0;
	}
	h4 {
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.25em 1em;
		margin: 0;
		/* padding-bottom: var(--h4-mrg-top); */
	}
	h4 > *:first-child {
		white-space: nowrap;
	}

	#Summary {
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-evenly;
	}

	.Highlight, .Highlights {
		align-content: space-evenly;
		margin-bottom: 0;
		padding-bottom: 2em;
	}
	
	.Qualities {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}

	div#Timeline {
		display: none;
		position: sticky;
		top: var(--h2-height);
		z-index: 1;
		margin: 0;
		padding-top: var(--h2-mrg-btm);
		padding-left: var(--mrg-scr-lft);
		padding-right: var(--mrg-rgt);
		padding-bottom: var(--h2-mrg-btm);
	}

	[data-organization] {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}
	[data-organization]::before {
		content: attr(data-location);
		bottom: 1.5em;
		/* top: calc(100vh - 2em); */
		/* top: calc(100dvh - 2em); */
	}

	.Description {
		display: flex;
		flex-flow: row wrap;
		row-gap: 1em;
	}
	.Description > ul  {
		flex-basis: 59.79620194534507vw;
	}
	.Description > .Icons {
		flex-basis: 16.21120889300602vw;
		min-width: 3.5cm;
	}

	.Connections {
		scroll-margin-top: 3em;
	}
	
	footer {
		grid-area: foot;
	}

	footer[data-print] {
		display: none;
	}
}
@media screen and (max-width: 8.5in) {
	html {
		font-size: calc(9.0pt + (24 - 12) * ((8.5in - 100vw) / (2240 - 816)));
	}
}
@media screen and (min-width: 8.5in) {
	html {
		font-size: calc(9.0pt + (24 - 12) * ((100vw - 8.5in) / (2240 - 816)));
	}
}
@media screen and (max-width: 560px) {
	body {
		/* grid-template-columns: [c-nav] 320px [c-cont] 100vw [c-end]; */
		grid-template-columns: [c-cont] 100vw [c-end];
		grid-template-areas:
			"head"
			"main"
			"foot";
	}
	body > [data-main] {
		width: var(--main-wdt);
	}
	body [data-trunc] {
		display: none;
	}
}
@media screen and (max-width: 786px) {
	header > a {
		font-size: calc(5.75rem + (8.5in - 100vw));
		text-align: start;
		order: 1;
	}
	header > div {
		flex-basis: calc(100vw - 75vh);
		flex-basis: calc(100vw - 75dvh);
		order: 2;
	}
	header > div > .Contact > .Separate {
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.Description > ul  {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		align-items: stretch;
		gap: 1em 2em;
		list-style-type: none;
		padding-left: 0.635294117647059em;
	}
	.Description > ul > li {
		flex-grow: 1;
		flex-basis: calc(50% - 1em);
	}
	.Description > ul > li > p {
		padding: 1em;
		border-radius: var(--corners);
		background-color: var(--clr-back-tertiary);
	}
	/* .Description > .Icons {

	} */
	.Description > .Icons > p {
		justify-content: end;
		font-size: 1.1em;
		height: 100%;
		padding: 1rem;
		box-sizing: border-box;
		border-radius: var(--corners);
		background-color: var(--clr-back-tertiary);
	}
}

/* #region Syntax */

/* #region General */

@media screen {
	input[name="SheBang"]:not(#syn_none):checked ~ * {
		--gap: 1rem;
	}
	/* html[data-browser$="Safari"] input[name="SheBang"]:not(#syn_none):checked ~ * {
		--gap: 1.02666667rem;
	} */
	input[name="SheBang"]:not(#syn_none):checked ~ * {
		/* Dimensions */
		--main-wdt: 100vw;
		--mrg-lft: 1rem;
		--mrg-scr-lft: calc(var(--mrg-lft) + var(--nav-offset));
		--mrg-rgt: 1rem;
		/* Gaps */
		/* --gap: 1rem; */
		--gap-half: calc(var(--gap) / 2);
		--gap-quart: calc(var(--gap-half) / 2);
		/* Padding */
		--pad-syn: var(--gap-half);
		/* Lines */
		--line-x1: calc(var(--gap) + var(--gap-half));
		--line-x2: calc(var(--line-x1) * 2);
		--line-x3: calc(var(--line-x1) * 3);
		--line-x4: calc(var(--line-x1) * 4);
		--line-x5: calc(var(--line-x1) * 5);
		--line-x6: calc(var(--line-x1) * 6);
		/* Fonts */
		--fnt-normal: var(--fnt-code);
		--fnt-symbol: var(--fnt-normal);
		--fnt-light: var(--fnt-normal);
		--fnt-bold: var(--fnt-normal);
		/* H1 */
		--h1-fnt-sze: 1rem;
		/* H2 */
		--h2-fnt-sze: var(--h1-fnt-sze);
		--h2-fnt-hgt: var(--h2-fnt-sze);
		--h2-mrg-top: var(--gap-quart);
		--h2-mrg-btm: var(--gap-quart);
		/* H3 */
		--h3-fnt-sze: var(--h2-fnt-sze);
		--h3-fnt-hgt: var(--h3-fnt-sze);
		--h3-mrg-top: var(--gap-quart);
		--h3-mrg-btm: var(--gap-quart);
		/* H4 */
		--h4-fnt-sze: var(--h2-fnt-sze);
		--h4-mrg-top: calc(var(--h4-fnt-sze) * 1.5);
		--h4-mrg-btm: calc(var(--h4-fnt-sze) * 0);
		/* H# */
		--h2-height: calc(var(--h2-mrg-top) + var(--h2-fnt-hgt) + var(--h2-mrg-btm));
		--h3-height: calc(var(--h3-mrg-top) + var(--h3-fnt-sze) + var(--h3-mrg-btm));
		/* Global Style */
		font-family: var(--fnt-normal);
	}
	/* Clear Non-Syntax */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-pre],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-pre],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] img#Portrait,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] figure,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] #Timeline,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .TimelineSimple,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] h3 > :last-child:not(:first-child) {
		display: none;
	}
	/* Reset Styles */
	input[name="SheBang"]:not(#syn_none):checked ~ * pre {
		font-family: inherit;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] {
		left: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] *,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] * {
		box-sizing: border-box;
		flex-grow: unset;
    	flex-basis: unset;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		margin: unset;
		padding: unset;
		font-size: 1rem;
		font-weight: unset;
		font-style: unset;
		line-height: 1;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] * {
		min-width: unset;
		min-height: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ *,
	input[name="SheBang"]:not(#syn_none):checked ~ * * {
		font-optical-sizing: none;
		-webkit-text-size-adjust: none;
		   -moz-text-size-adjust: none;
				text-size-adjust: none;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] *:not(pre) {
		white-space: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] *,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] *:not([data-skill]) {
		color: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-organization]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-organization] > h4 > small::before {
		content: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Highlight,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Highlights {
		flex-direction: row;
		gap: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Highlight > *,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Highlights > * {
		flex-basis: 100%;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills * {
		background-color: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Description > ul {
		gap: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Description > ul > li > p {
		background-color: unset;
	}
	/* Reveal Syntax */
	input[name="SheBang"]:not(#syn_none):checked ~ * [data-key] {
		display: initial;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ * [data-syntax] {
		display: block;
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] {
		box-sizing: border-box;
		padding-right: 1rem;
		background-color: var(--clr-back-primary);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang > div {
		padding-bottom: var(--gap-quart);
	}
	/* Headings */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l1],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l2],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l3],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l4],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l5],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l6],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-prop] {
		padding-left: 1rem;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-prop="true"],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param="true"],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string]::before {
		position: sticky;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-prop="true"],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param="true"] {
		display: flex;
		justify-content: flex-start;
		gap: 0px;
		width: 100%;
		padding-top: var(--gap-quart);
		padding-left: var(--mrg-scr-lft);
		padding-bottom: var(--gap-quart);
		background-color: var(--clr-back-primary);
		box-shadow: 0px -3px 0px 0px var(--clr-back-primary);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open] {
		z-index: 3;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close] {
		z-index: 2;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] > :not([data-open]),
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] > :not([data-open]) > * {
		padding-left: var(--gap);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-head] [data-prop],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element]:not([data-instance]) {
		padding-left: calc(var(--mrg-scr-lft) * 2);
	}
	/* input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment], */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] [data-comment] {
		margin-left: var(--gap-half);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] > [data-close] {
		padding-bottom: calc(var(--gap-half) + var(--gap-quart));
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] > [data-open] {
		top: calc(var(--line-x1) + var(--pad-syn));
		z-index: 99999;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l1] [data-open] {
		top: calc(var(--line-x2) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l2] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l1] [data-string]::before {
		top: calc(var(--line-x3) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l3] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l2] [data-string]::before {
		top: calc(var(--line-x4) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l4] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l3] [data-string]::before {
		top: calc(var(--line-x5) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l5] [data-open],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l4] [data-string]::before {
		top: calc(var(--line-x6) + var(--pad-syn));
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] > [data-close] {
		bottom: 0;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l1] > [data-close] {
		bottom: calc(var(--line-x1) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l2] > [data-close] {
		bottom: calc(var(--line-x2) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l3] > [data-close] {
		bottom: calc(var(--line-x3) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l4] > [data-close] {
		bottom: calc(var(--line-x4) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-l5] > [data-close] {
		bottom: calc(var(--line-x5) + var(--pad-syn));
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-module],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-namespace],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-symbol],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var] {
		word-spacing: -0.5em;
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] .Title::before {
		content: 'author:\00a0';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] .Email::before {
		content: 'email:\00a0';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-version]::before {
		content: 'version:\00a0';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after {
		content: '#';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-module]::before {
		content: 'module';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-class]::before {
		content: 'class';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element] [data-icon] [data-value]::before {
		content: 'years(';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var]::after {
		content: '=';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open] > [data-inst]::after {
		content: '(';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-hash]::after {
		content: '{';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-array]::after {
		content: '[';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-key]::after {
		content: ':';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string]::after {
		content: '"';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close][data-array]::before {
		content: ']';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close][data-hash]::before {
		content: '}';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close] > [data-inst]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element] [data-icon] [data-value]::after {
		content: ')';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param="true"]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param="symbol"]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element]:not(:last-of-type)::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element]:not(:last-of-type) > [data-value]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param="iter"]:not(:last-child) > [data-close]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-param]:not(:last-of-type) > [data-array] ~ [data-close]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance][data-element]:not(:last-of-type) > [data-close]::after {
		font-family: var(--fnt-normal);
		content: ',';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-assign] > [data-close]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-prop="true"]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-prop="iter"] > [data-close]::after {
		content: ';';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const] + *::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let] + *::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var] + *::before {
		margin-left: var(--gap-half);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-namespace]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-class]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-key]::after {
		margin-right: var(--gap-half);
	}
	/* Colors */
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-comment] {
		color: var(--clr-font-secondary);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-int] {
		color: var(--clr-red);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-module],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-namespace],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-class] {
		color: var(--clr-blue);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string] {
		color: var(--clr-yellow);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-close]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-inst],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element] [data-icon] [data-value]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element] [data-icon] [data-value]::after {
		color: var(--clr-orange);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-namespace]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-open][data-class]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] [data-open][data-hash]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] [data-close][data-hash]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] [data-open][data-array]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] [data-close][data-array]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var]::before {
		color: var(--clr-purple);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-let]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-var]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string]:not([data-element])::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-string][data-element] > [data-value]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-key]::after {
		color: var(--clr-turquoise);
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills [data-element] {
		height: var(--line-x1);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] :not(.Icons) > [data-element] {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element] > [data-value] {
		line-height: var(--line-x1);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] > :first-child {
		margin-top: calc(var(--line-x1) + var(--pad-syn));
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment]:not(:last-child),
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] [data-comment]:not(:last-child) {
		margin-bottom: var(--line-x1);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-element] > [data-value] {
		padding-left: 0.5em;
		text-indent: -0.5em;
	}
	/* ... */
	input[name="SheBang"]:not(#syn_none):checked ~ #SheBang,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] [data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-comment] {
		font-style: italic;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills > [data-element] {
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Skills > [data-element] > span {
		width: min-content;
		height: min-content;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] {
		display: grid;
		grid-template-columns: [C1] 100% [C2];
		grid-template-rows: [R1] var(--line-x3) [R2] 1fr [R3] var(--line-x1) [R4];
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare="Program"] {
		grid-template-rows: [R1] var(--line-x4) [R2] 1fr [R3] var(--line-x1) [R4];
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > [data-head],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] {
		z-index: 1;
		grid-column: C1 / C2;
		grid-row: 1 / -1;
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap-reverse;
		justify-content: flex-end;
		align-content: flex-end;
		gap: initial;
		height: auto;
		pointer-events: none;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > [data-head] *,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] * {
		pointer-events: all;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > [data-head] > :not([data-prop]):not([data-open]),
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] > :not([data-open]) {
		display: flex;
		flex-flow: column nowrap;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > [data-head] > :not([data-open]),
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] > :not([data-open]),
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-head] > :not([data-open]) > * {
		flex-basis: 100%;
		flex-grow: 1;
		flex-shrink: 0;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > .Description,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > .Description {
		display: block;
		grid-row: 2 / span 1;
		grid-column: C1 / C2;
		padding-right: var(--gap);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons {
		flex-basis: 100%;
		display: flex;
		flex-flow: row wrap;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons > * {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 100%;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons [data-element],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons [data-skill] {
		line-height: var(--line-x1);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Icons [data-element] {
		padding-top: unset;
		padding-bottom: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-declare] > [data-close],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-instance] > [data-close] {
		grid-row: -2 / span 1;
		grid-column: C1 / C2;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] .Connections {
		gap: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-hash][data-open] [data-key]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-array][data-open] [data-key]::after {
		margin-right: unset;
	}
	/* Comments */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] {
		background-origin: content-box;
		background-size: 0.51rem 1.5rem;
		background-position-y: 0px;
		background-position-x: 1rem;
		background-repeat: repeat-y;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] pre[data-comment],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] pre[data-comment] {
		--mrg-com-lft: calc((var(--mrg-scr-lft) * 2) + var(--gap-half));
		overflow-x: scroll;
		padding-left: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] pre[data-comment] {
		width: calc(100% - 2rem);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block] pre[data-comment] {
		flex-basis: 100%;
		margin-left: var(--mrg-com-lft);
	}
	/* input[name="SheBang"]:not(#syn_none):checked ~ [data-block] pre[data-comment] {
		margin-left: 0px;
	} */
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] {
		flex-flow: column nowrap;
		align-content: space-between;
		align-items: flex-start;
		gap: 0px;
		background-position-y: var(--pad-syn);
		background-position-x: unset;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] *,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after {
		line-height: var(--line-x1);
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block],
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-block]::after {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after {
		padding-left: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] > * {
		flex-shrink: 0;
		margin-left: 2rem;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] .Contact {
		flex-flow: column nowrap;
		gap: 0px;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block] > [data-spacer] {
		display: block;
		flex-basis: var(--line-x1);
		flex-grow: 1;
		flex-shrink: 1;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-block]::after {
		order: 3;
		/* flex-basis: 100%; */
	}
}

/* #endregion */

/* #region Typescript */

@media screen {
	/* ... */
	input[name="SheBang"]#syn_node:checked ~ [data-block]::before,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-block]::before {
		content: '/**';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-block]::after,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-block]::after {
		content: '\00a0*/';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace] > span::before {
		content: 'namespace';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace]::before {
		content: 'export';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-const]::before {
		content: 'const';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-let]::before {
		content: 'let';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-var]::before {
		content: 'var';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-module]::after,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace]::after,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-class]::after {
		content: '{';
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-close][data-module]::before,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-close][data-namespace]::before,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-close][data-class]::before {
		content: '}';
	}
	/* ... */
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace]::before {
		color: var(--clr-turquoise);
		font-style: italic;
	}
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace] > span::before {
		color: var(--clr-purple);
	}
	/* ... */
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-namespace] > span::before {
		margin-right: var(--gap-half);
	}
	/* ... */
	input[name="SheBang"]#syn_node:checked ~ [data-block],
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-block] {
		background-size: 0.41rem 1.5rem;
		background-position-x: 1.65rem;
	}
	input[name="SheBang"]#syn_node:checked ~ [data-block] {
		background-position-y: var(--pad-syn);
		background-position-x: 0.65rem;
	}
	/* ... */
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]#syn_node:checked ~ [data-main] [data-open][data-module] > [data-from]::before {
		word-spacing: normal;
	}
}

/* #endregion */

/* #region Python */

@media screen {
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-close][data-module],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-close][data-namespace],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-close][data-class] {
		display: none;
	}
	/* ... */
	input[name="SheBang"]#syn_python:checked ~ [data-block]::after,
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-block]::after,
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-close] {
		bottom: 0 !important;
	}
	/* ... */
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-l1]:not([data-assign]),
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-l2],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-assign],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-namespace] ~ * {
		padding-left: unset;
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-namespace]::before {
		content: '#';
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-class]::after {
		content: ':';
		margin-left: unset;
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-key]::before {
		content: "'";
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-key]::after {
		content: "':";
	}
	/* ... */
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-module],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-namespace] {
		word-spacing: normal;
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-module] [data-pre],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-namespace] [data-pre] {
		display: initial;
	}
	/* ... */
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-module],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-module]::before,
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-namespace],
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-open][data-namespace]::before {
		color: var(--clr-font-secondary);
		font-style: italic;
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-key] {
		color: var(--clr-yellow);
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-key]::before,
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-key]::after {
		color: var(--clr-turquoise);
	}
	/* ... */
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-declare] {
		grid-template-rows: [R1] var(--line-x3) [R2] 1fr [R3];
	}
	input[name="SheBang"]#syn_python:checked ~ [data-main] [data-declare="Program"] {
		grid-template-rows: [R1] var(--line-x4) [R2] 1fr [R3];
	}
}

/* #endregion */

/* #region Ruby */

@media screen {
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-open][data-namespace]::after {
		content: 'do';
	}
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-close][data-module]::before,
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-close][data-namespace]::before,
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-close][data-class]::before {
		content: 'end';
	}
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-key]::before {
		content: ':';
	}
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-key]::after {
		content: '=>';
		margin-left: var(--gap-half);
	}
	/* ... */
	input[name="SheBang"]#syn_ruby:checked ~ [data-main] [data-key] {
		color: var(--clr-turquoise);
	}
}

/* #endregion */

@media screen and (max-width: 560px) {
	/* input[name="SheBang"]:not(#syn_none):checked ~ [data-main] > h1::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-namespace] > h2::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-namespace] > h3::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-class] [data-symbol]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-class] [data-const]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] :is([data-var], [data-let], [data-const]) > [data-assign]::before {
		display: inline-block;
		box-sizing: border-box;
		width: min-content;
		margin-right: var(--gap-half);
		padding: calc(var(--gap-quart) / 2) var(--gap-quart);
		border-radius: var(--corners);
		background-color: var(--clr-purple);
		color: var(--clr-contrast-color);
		font-size: 0.75rem;
		font-weight: bold;
		line-height: 1em;
		vertical-align: middle;
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] > h1::before {
		content: 'mdl';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-namespace] > h2::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-namespace] > h3::before {
		content: 'nsp';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-class] [data-symbol]::before {
		content: 'cls';
	}
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-class] [data-const]::before,
	input[name="SheBang"]:not(#syn_none):checked ~ [data-main] [data-const] > [data-assign]::before {
		content: 'con';
	} */
}


@media screen and (prefers-color-scheme: dark) {
	:root {
		--clr-contrast-shade: var(--clr-gray-lighter);
		--clr-contrast-color: var(--clr-gray-darker);
		--clr-back-primary: var(--clr-gray-darker);
		--clr-font-primary: var(--clr-gray-light);
		--clr-font-tertiary: var(--clr-gray-darker);
	}
	img {
		opacity: .75;
		transition: opacity .5s ease-in-out;
	}
	img:hover {
		opacity: 1;
	}
}

/* #endregion */

@page {
	size: letter;
	margin-top: 1.23cm;
	margin-left: 0;
	margin-bottom: 1.39cm;
	margin-right: 0;
	@bottom-right {
		content: flow(footer);
	}
}

/* #endregion */


/*# sourceMappingURL=main.8f7fc0fc.css.map*/