main article pre { font-size: 13px; max-width: 100%; overflow-x: auto; }
main article code { font-size: 13px; color: #522; white-space: pre-wrap; }
pre span.grey { color: #666667; }
pre span.lit { color: #522 !important; }
pre span.ascii,
pre span.const { color: #084B9F; text-shadow: 0 0 1px #084B9F33; }
pre span.lbl { color: #006800; text-shadow: 0 0 1px #0706; }
main article pre span.cmt { color: #002b36;; }

main article ul.blue-bullet { margin: 0; border-radius: 1px; }
main article ul.blue-bullet li::marker { color: #99c7d9; }

.nobr { white-space: nowrap; }
main article h2 { margin: 3em 0 1.1em 0; }
main article h3 { margin: 2em 0 1.1em 0; }
main article h4 { margin: 2em 0 1.1em 0; }


main article div.tryButton { text-align: center; margin: 3em 0 4em 0; }
main article div.tryButton a
{
	display: inline-block;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	padding: 6px 12px;
	border-radius: 7px;
	border: none;
	background-color: #d2383d;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	letter-spacing: 0.05em;
}
main article div.tryButton a:hover,
main article div.tryButton a:focus
{
	background-color: #F76D40;
	text-decoration: none;
}
main article div.tryButton a:active
{
	background-color: #99c7d9;
	text-decoration: none;
}