:root {
	--background-color: #000000;
	--global-font-size: 15px;
	--global-line-height: 1.4em;
	--global-space: 10px;
	--font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
	--mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
	--page-width: 60em;
	--font-color: #e8e9ed;
	--invert-font-color: #222225;
	--secondary-color: #a3abba;
	--tertiary-color: #a3abba;
	--primary-color: #62c4ff;
	--error-color: #ff3c74;
	--progress-bar-background: #3f3f44;
	--progress-bar-fill: #62c4ff;
	--code-bg-color: #3f3f44;
	--input-style: solid;
	--display-h1-decoration: none;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.container {
      	max-width: var(--page-width);
	margin: 0 auto;
      	padding: 0 calc(var(--global-space) * 2);
}

.grid {
	display: grid;
	grid-column-gap: 1.4em;
	grid-template-columns: auto;
	grid-template-rows: auto;
}

.menu {
	margin-bottom: 0px;
	margin-top: 0px;
}

@media only screen and (min-width: 70em) {
	.grid {
		grid-template-columns: 3fr 9fr;
	}
	
	.grid aside {
		position: sticky;
		top: calc(var(--global-space) * 2);
	}
}

* {
	box-sizing: border-box;
	text-rendering: geometricprecision;
}

a {
      	cursor: pointer;
      	color: var(--primary-color);
      	text-decoration: none;
}

blockquote, code, footer, h1, h2, h3, h4, h5, h6, header, ol, p, section, ul, .logo {
      	float: none;
	line-height: var(--global-line-height);
	margin-top:calc(var(--global-space) * 2);
      	margin-bottom:calc(var(--global-space) * 2);
      	padding: 0;
}

body {
	font-size: var(--global-font-size);
      	color: var(--font-color);
      	line-height: var(--global-line-height);
      	margin: 0;
	
      	font-family: var(--font-stack);
      	word-wrap: break-word;
	
      	background-color: var(--background-color);
}

h1, .logo {
      	position: relative;
      	display: inline-block;
      	display: table-cell;
      	padding: calc(var(--global-space) * 2)0;
      	margin: 0;
      	overflow: hidden;
      	font-weight: 600;
}

h2, h3, h4, h5, h6 {
      	position: relative;

      	margin-bottom: var(--global-line-height);
      	font-weight: 600;
}

li, li > ul > li {
	float: none;
        line-height: var(--global-line-height);
        margin: 0;
      	position: relative;
      	display: block;
      	padding-left: calc(var(--global-space) * 2);
	margin-top: 0px;
        margin-bottom: 0px;

}

nav>ul>li {
      	padding-left:0
}
li::after {
      	position:absolute;
      	top:0;
      	left:0
}
ul>li::after {
      	content:"-"
}
nav ul>li::after {
      	content:""
}
ol li::before {
      	content:counters(item,".")". ";
      	counter-increment:item
}
ol ol li::before {
  content:counters(item,".")" ";
  counter-increment:item
}

.terminal-menu li::after,
.terminal-menu li::before {
      	display:none
}

ol {
      	counter-reset:item
}

ol li:nth-child(n+10)::after {
      	left:-7px
}

ol ol {
      	margin-top:0;
      	margin-bottom:0
}

p {
      	margin: 0 0 var(--global-line-height);
      	color: var(--font-color);
}

table td, table th {
      	line-height: var(--global-line-height);
      	font-size: 1em;
}

table {
	border-collapse: collapse; 
	border: none;
	text-align: center;
}

tr {
	border: none;
	text-align: center;
	
}

td {
	border: none;
	text-align: left;
}