article {
	float:   left;
	display: inline-block;
	width:   100%;
}

nav {
	text-align:  center;
	font-family: 'Times New Roman';
	font-size:   16px;
}

@font-face {
	font-family: "Shagadelic";
	src:         url("ShagadelicBold-jrKj.eot") /* EOT file for IE */
}

@font-face {
	font-family: "Shagadelic";
	src:         url("ShagadelicBold-jrKj.ttf") /* TTF file for CSS3 browsers */
}

footer {
	float:          left;
	vertical-align: bottom;
	font-family:    'Times New Roman';
	font-size:      16px;
}

.tab1 {
	display:     inline-block;
	margin-left: 2em;
}

.tab2 {
	display:     inline-block;
	margin-left: 4em;
}

.tab3 {
	display:     inline-block;
	margin-left: 6em;
}

.tab4 {
	display:     inline-block;
	margin-left: 8em;
}

.tab5 {
	display:     inline-block;
	margin-left: 10em;
}

.tab6 {
	display:     inline-block;
	margin-left: 12em;
}

.tab7 {
	display:     inline-block;
	margin-left: 14em;
}

.tab8 {
	display:     inline-block;
	margin-left: 16em;
}

.tab9 {
	display:     inline-block;
	margin-left: 18em;
}

.tab10 {
	display:     inline-block;
	margin-left: 20em;
}

.tab11 {
	display:     inline-block;
	margin-left: 22em;
}

.tab12 {
	display:     inline-block;
	margin-left: 24em;
}

.tab13 {
	display:     inline-block;
	margin-left: 26em;
}

.tab14 {
	display:     inline-block;
	margin-left: 28em;
}

.tab15 {
	display:     inline-block;
	margin-left: 30em;
}

.tab16 {
	display:     inline-block;
	margin-left: 32em;
}

.custom-title {
	font-family:    'Shagadelic', sans-serif;
	font-size:      52px;
	font-weight:    normal;
	text-align:     left;
	line-height:    100%;
	padding-bottom: 5px;
	margin-bottom:  7px;
}

.custom-quote {
	float:      right;
	text-align: center;
	font-style: italic;
}

.custom-hilite {
	background-color: yellow;
}

.custom-regex {
	background-color: black;
	color:            yellow;
	font-family:      Consolas, monaco, monospace;
	font-size:        15px;
}

.custom-codeframe {
	display:        flex;
	flex-direction: row;
}

.custom-codeblock {
	background-color: white;
	border:           solid;
	padding:          5px 5px 5px 5px;
	font-family:      Consolas, monaco, monospace;
	font-size:        15px;
}
	
.custom-keyword {
	background-color: white;
	color:            blue;
	font-family:      Consolas, monaco, monospace;
	font-size:        15px;
}

.custom-string {
	color: brown;
}

.custom-comment {
	color: green;
}

.custom-inserted {
	background-color: lightgreen;
}

.custom-deleted {
	background-color: magenta;
}

.custom-function {
	color: fuchsia;
}

.custom-background {
	position:      relative;
	border-top:    1px solid #484848;
	border-bottom: 1px solid #484848;
	font-family:   Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
}