@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
;
	abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0
}
body {
	line-height:1
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block
}
nav ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:'';
	content:none
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700
}
del {
	text-decoration:line-through
}
abbr[title],dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
input,select {
	vertical-align:middle
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body {
	color:#333;
	font:400 120% / 1.5 "Open Sans",sans-serif;
	-webkit-transition:font-size 300ms;
	transition:font-size 300ms
}
.container {
	margin:0 auto;
	max-width:40em;
	padding:3em
}
::-moz-selection {
	background:#333!important;
	color:#fff!important;
	text-shadow:none!important
}
::selection {
	background:#333!important;
	color:#fff!important;
	text-shadow:none!important
}
.fade {
	opacity:0;
	position:relative;
	top:-10px;
	-webkit-transition:opacity 600ms,top 600ms;
	transition:opacity 600ms,top 600ms
}
.fade-load {
	opacity:1;
	top:0
}
@media (max-width:50em) {
	body {
	font-size:100%
}
}@media (max-width:30em) {
	body {
	font-size:90%
}
.container {
	padding:1.5em
}
}h1 {
	font-size:3em;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:1;
	margin-bottom:.1em
}
h2 {
	color:#333;
	font-size:1.3em;
	font-weight:400;
	line-height:1;
	margin-bottom:1.125em
}
h3 {
	font-size:1.3em;
	font-weight:400;
	line-height:1;
	margin-bottom:.75em
}
p {
	font-size:.9em;
	margin-bottom:1.875em
}
a {
	border-bottom:1px solid #ddd;
	color:#333;
	text-decoration:none;
	-webkit-transition:color 300ms;
	transition:color 300ms
}
a:focus,a:hover {
	color:#999
}
form {
	margin-bottom:2.25em
}
label {
	display:block;
	position:relative
}
@media (max-width:30em) {
	input,textarea {
	font-size:1.3em
}
}.buttons {
	margin-bottom:2.25em
}
.button {
	background:#333;
	color:#fff;
	display:block;
	float:left;
	font-size:1em;
	font-weight:600;
	padding:1.5em 1.125em;
	text-align:center;
	-webkit-transition:background 300ms;
	transition:background 300ms;
	width:49%
}
.button:last-child {
	float:right
}
.button:focus,.button:hover {
	background:#999;
	color:#fff
}
@media (max-width:30em) {
	.button,.button:last-child {
	border:0;
	float:none;
	margin-bottom:.75em;
	width:auto
}
}.code-wrap {
	margin-bottom:3em
}
pre {
	display:block;
	margin-bottom:1.125em
}
pre:last-child {
	margin-bottom:0
}
code {
	background:#eee;
	color:#333;
	display:block;
	font-size:.9em;
	overflow:auto;
	padding:1.875em;
	-webkit-overflow-scrolling:touch
}
code span {
	color:#999
}
footer {
	border-top:2px solid #ddd;
	padding-top:2.25em
}
footer p {
	font-size:.8em;
	margin-bottom:0
}
body::-webkit-scrollbar {
	width:15px
}
body::-webkit-scrollbar-track {
	background:#ddd
}
body::-webkit-scrollbar-thumb {
	background:#333
}
body::-webkit-scrollbar-thumb:hover {
	background:#999
}
.clearfix:after,.clearfix:before {
	content:'';
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}