tutorial_style.css

:not(pre) > code {
	background-color: #EEEEEE;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.0625em;
	padding-bottom: 0.0625em;
	display: inline-block;
}

pre {
	font-size: 12px;
}

code {
	overflow: scroll;
}

.info-tag {
	background-color: #bef6ea;
	color: #28bb9c;
	padding: 0.125em;
}

.img_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_col_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.img_link {
	border: 2px solid #FFF;
}

.img_link:hover {
	border: 2px solid #d0d0d0;
}

.code_container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.multi_code_container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.c_and_img {
	flex: 1 2 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.ops {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
}

h1, h2, h3 {
	text-align: center;
}

th {
	padding-right: 0.5em;
}

table {
	border: 1px solid #CCC;
	background-color: #eee;
}

img {
	width: 80%;
}

section {
	max-width: 65em;
	margin: 0 auto;
}

p {
	padding-left: 10px;
	padding-right: 10px;
}

body {
	color: #0F0F0F;
	font-family: sans-serif;
}

.asm-footer {
	display: flex;
	flex-direction: column;
	align-items: center;

	width: 35em;
	margin-right: auto;
	margin-left: auto;

	padding-bottom: 1.0em;
	padding-top: 1.0em;

	background-color: #18bc9c;
	color: white;
}

.asm-footer-banner {
	background-color: #bef6ea;
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.asm-footer > h3 {
	margin-top: 0em;
}