main {
	position: fixed;
	top: 1.5rem;
	right: 1.5rem;
	bottom: 1.5rem;
	left: 1.5rem;
	display: flex;
	background: #F0F0F0;
	padding: 1.5rem;
	z-index: 1;
}
aside {
	position: relative;
	z-index: 1;
	overflow: auto;
	width: 25rem;
	background: #E8E8E8;
	margin-right: 1.5rem;
	padding: 1.5rem;
}

aside menu {
	padding: 0;
	margin: 0;
}
aside menuitem {
	display: block;
	padding: 0;
	background: #E0E0E0;
	margin-bottom: 1rem;
	color: inherit;
	text-align: center;
	font-weight: 700;
	border-right: 4px solid #2d7099;
}
menu a {
	padding: 0.5rem 1.5rem;
	display: inline-block;
	color: inherit;
	text-decoration: none;
	width: 100%;;
}

.main {
	position: relative;
	z-index: 1;
	flex: 1;
	margin: 0;
	padding: 0;
	background: #E8E8E8;
	display: flex;
	flex-direction: column;
}

.main header {
	margin: 0;
	padding: 1.5rem;
	background: #2d7099;
	border-bottom: 4px solid #183C56;
	position: relative;
	color: #ffffff
}
.main header h1 {
	margin: 0;
	padding: 0;
}
.btn-start {
	position: absolute;
	border: none;
	background: #ff9933;
	color: white;
	font-weight: 700;
	font-size: 1.5em;
	width: 4.2rem;
	height: 4.2rem;
	border-radius: 50%;
	bottom: -2.1rem;
	right: 6.3rem;
	outline: none !important;
	z-index: 2;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23);
}

.btn-start-intro {
	right: 11rem;
	background: #000;
	color: #33c3f0;
}
.btn-start.inline {
	position: relative;
	bottom: initial;
	right: initial;
	margin: 0 .5rem;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}

.main .container {
	margin: 0;
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	overflow: auto;
	flex: 1;
}
.main article {
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	background: #F0F0F0;
}

article#links {
	text-align: center;
}

article h2 {
	margin-top: 0.5rem;
}

pre {
  padding: 16px;
  overflow: auto;
  border-radius: 3px;
}
code {
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 3px;
}