fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	display:inline-block;
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu {
	display:block
}
summary {
	display:list-item
}
canvas {
	display:inline-block
}
template {
	display:none
}
[hidden] {
display:none
}
code[class*="language-"], pre[class*="language-"] {
color:black;
background:none;
text-shadow:0 1px white;
font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align:left;
white-space:pre;
word-spacing:normal;
word-break:normal;
word-wrap:normal;
line-height:1.5;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow:none;
background:#b3d4fc
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow:none;
background:#b3d4fc
}
@media print {
code[class*="language-"], pre[class*="language-"] {
text-shadow:none
}
}
pre[class*="language-"] {
padding:1em;
margin:.5em 0;
overflow:auto
}
:not(pre)>code[class*="language-"], pre[class*="language-"] {
background:#f5f2f0
}
:not(pre)>code[class*="language-"] {
padding:.1em;
border-radius:.3em;
white-space:normal
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
	color:slategray
}
.token.punctuation {
	color:#999
}
.namespace {
	opacity:.7
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
	color:#905
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
	color:#690
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
	color:#a67f59;
	background:rgba(255, 255, 255, 0.5)
}
.token.atrule, .token.attr-value, .token.keyword {
	color:#07a
}
.token.function {
	color:#DD4A68
}
.token.regex, .token.important, .token.variable {
	color:#e90
}
.token.important, .token.bold {
	font-weight:bold
}
.token.italic {
	font-style:italic
}
.token.entity {
	cursor:help
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:300;
src:url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-300-normal.eot);
src:local("Lato Light"), local("Lato-Light"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-300-normal.woff2) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-300-normal.woff) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-300-normal.ttf) format("truetype"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-300-normal.svg#Lato) format("svg")
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:400;
src:url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-400-normal.eot);
src:local("Lato Regular"), local("Lato-Regular"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-400-normal.woff2) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-400-normal.woff) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-400-normal.ttf) format("truetype"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-400-normal.svg#Lato) format("svg")
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:700;
src:url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-700-normal.eot);
src:local("Lato Bold"), local("Lato-Bold"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-700-normal.woff2) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-700-normal.woff) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-700-normal.ttf) format("truetype"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-700-normal.svg#Lato) format("svg")
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:900;
src:url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-900-normal.eot);
src:local("Lato Black"), local("Lato-Black"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-900-normal.woff2) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-900-normal.woff) format("woff"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-900-normal.ttf) format("truetype"), url(https://rawgit.com/dbrekalo/attire/master/dist/fonts/lato-900-normal.svg#Lato) format("svg")
}
a {
	text-decoration:none;
	cursor:pointer;
	color:inherit
}
a:focus, a::-moz-focus-inner {
outline:none
}


@-webkit-keyframes attireNavEnter {
from {
opacity:0;
-webkit-transform:translate3d(0, -1em, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0)
}
}
@-moz-keyframes attireNavEnter {
from {
opacity:0;
-moz-transform:translate3d(0, -1em, 0)
}
to {
	opacity:1;
	-moz-transform:translate3d(0, 0, 0)
}
}
@keyframes attireNavEnter {
from {
opacity:0;
-webkit-transform:translate3d(0, -1em, 0);
-moz-transform:translate3d(0, -1em, 0);
-ms-transform:translate3d(0, -1em, 0);
-o-transform:translate3d(0, -1em, 0);
transform:translate3d(0, -1em, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

@media screen and (min-width: 45.0625em) {
.attireMainNav {
margin-bottom:0
}
.attireMainNav>.toggleBtn {
display:none
}
.attireMainNav>ul {
display:block;
overflow:hidden;
padding:0 1.5em
}
.attireMainNav li {
float:left
}
.attireMainNav a {
font-size:1.4em;
display:block;
padding:1.42857em 1.07143em
}
}
.githubRibbon {
	position:absolute;
	right:0;
	top:0;
	width:10em;
	z-index:20
}
.githubRibbon>img {
	display:block;
	width:100%
}
@media screen and (min-width: 45.0625em) {
.githubRibbon {
width:14.9em
}
}

@media screen and (min-width: 45.0625em) {
.attireBlock>.inner {
max-width:70em;
padding:6em 2.5em;
margin:0 auto
}
}
.attireSeparator {
	margin:2.5em 0;
	position:relative;
	border:0;
	border-top:1px solid #e3e3e3
}
.attireSeparator.mod1 {
	margin:3.5em 0;
	width:10em
}
.attireSeparator.mod2 {
	margin:6em 0;
	width:10em;
	border-top:5px solid #636363
}
.attireFooter {
	padding:2em;
	border-top:1px solid #e3e3e3
}
.attireFooter>p {
	font-family:Lato, Arial, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:1.5em
}
.attireAuthor {
	position:relative;
	margin-bottom:3em
}
.attireAuthor>.imageElement {
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	width:4em;
	height:4em;
	position:relative;
	border-radius:50%;
	border-radius:50%
}
.attireAuthor>.imageElement>img {
	display:block;
	width:100%
}
.attireAuthor>.name {
	font-family:Lato, Arial, sans-serif;
	font-weight:700;
	font-style:normal;
	font-size:1.3em;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding:0 1em;
	background-color:#fff;
	color:#303030
}
.attireAuthor>.name:first-child {
	padding-left:0
}
@media screen and (max-width: 45em) {
.attireAuthor>.socialBox {
position:relative;
padding:1em 0 0;
margin-top:0.5em
}
.attireAuthor>.socialBox a {
font-size:1.4em;
display:block;
padding:.57143em .35714em .57143em 3.92857em;
color:#707070
}
.attireAuthor>.socialBox a:before {
font-size:1.3em
}
.attireAuthor>.socialBox:before {
content:"";
position:absolute;
left:5.5em;
top:0;
right:0;
border-top:1px solid #e3e3e3
}
}
@media screen and (min-width: 45.0625em) {
.attireAuthor {
margin-bottom:5em
}
.attireAuthor.noImage {
margin-top:4em
}
.attireAuthor>.imageElement {
width:5em;
height:5em
}
.attireAuthor>.socialBox {
position:absolute;
right:0;
top:50%;
margin-top:-2em;
background-color:#fff;
padding:0 2em 0 1em
}
.attireAuthor>.socialBox a {
padding:0;
display:inline-block;
width:40px;
height:40px;
text-indent:-9999em;
overflow:hidden
}
.attireAuthor>.socialBox a:before {
right:0;
width:auto;
text-indent:0
}
.attireAuthor>.socialBox a:before {
font-size:2em;
color:#636363
}
.attireAuthor>.socialBox a:hover:before {
color:#2B91F5
}
.attireAuthor:before {
content:"";
position:absolute;
left:0;
right:0;
top:50%;
border-top:1px solid #e3e3e3
}
}
.attireTitleType1 {
	font-family:Lato, Arial, sans-serif;
	font-weight:900;
	font-style:normal;
	font-size:4em;
	padding:0;
	margin:0;
	word-wrap:break-word
}
@media screen and (min-width: 45.0625em) {
.attireTitleType1 {
font-size:6em
}
}
.attireTitleType1+.attireTextType2 {
	margin-top:1.5625em
}
.attireTitleType2 {
	font-family:Lato, Arial, sans-serif;
	font-weight:900;
	font-style:normal;
	font-size:3.8em;
	padding:0;
	margin:0 0 .55556em;
	word-wrap:break-word
}
.attireTitleType3 {
	font-family:Lato, Arial, sans-serif;
	font-weight:700;
	font-style:normal;
	font-size:2.2em;
	padding:0;
	margin:0 0 .68182em;
	word-wrap:break-word
}
.attireTextType1 {
	font-family:Lato, Arial, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:2.2em;
	padding:0;
	margin:.90909em 0 .90909em;
	color:#707070;
	line-height:1.4
}
@media screen and (min-width: 45.0625em) {
.attireTextType1 {
font-size:2.8em;
margin:.71429em 0 1.07143em
}
}
.attireTextType2 {
	font-size:1.8em;
	padding:0;
	margin:0 0 1.25em;
	color:#636363;
	line-height:1.6
}
.attireTextType3 {
	font-size:1.6em;
	padding:0;
	margin:0 0 1.25em;
	color:#636363;
	line-height:1.6
}
.attireListType1>li {
	font-size:1.8em;
	padding-left:1.66667em;
	margin:.55556em 0;
	position:relative;
	color:#636363;
	line-height:1.6
}
.attireListType1>li:before {
	content:"—";
	position:absolute;
	left:0;
	top:0em
}
.attireTextButtonType1 {
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	background:none;
	color:#2B91F5
}
.attireTextButtonType1::-moz-focus-inner {
padding:0;
border:0
}
.attireCodeHighlight[class*="language-"] {
margin:2em 0
}
.attireCodeHighlight>code {
	font-size:1.4em
}
.attireCodeToggleBlock .attireCodeHighlight {
	display:none
}
.attireCodeToggleBlock.isActive .attireCodeHighlight {
	display:block
}
.attireCodeToggleBtn {
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	background:none;
	padding:0 1.2em 0 0;
	color:#2B91F5
}
.attireCodeToggleBtn::-moz-focus-inner {
padding:0;
border:0
}
.attireCodeToggleBtn:before {
	left:auto;
	right:0;
	text-align:right
}
.attireUserRepositories {
	padding:2em;
	background-color:#FBFBFB;
	border-top:1px solid #e3e3e3
}
.attireUserRepositories>.loader {
	font-family:Lato, Arial, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:1.6em;
	padding:1.25em 0;
	text-align:center;
	color:#707070
}
.attireUserRepositories>.title {
	font-family:Lato, Arial, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:1.5em;
	padding-bottom:1.33333em;
	color:#707070
}
.attireUserRepositories>ul>li {
	padding:2em 0;
	position:relative
}
.attireUserRepositories>ul>li:last-child {
	padding-bottom:0
}
.attireUserRepositories>ul>li:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:3em;
	border-top:1px solid #e3e3e3
}
@media screen and (min-width: 45.0625em) {
.attireUserRepositories>.title {
text-align:center;
position:relative;
padding:.33333em 0 1.66667em
}
.attireUserRepositories>.title:before {
content:"";
position:absolute;
top:100%;
left:50%;
width:3.33333em;
margin-left:-1.66667em;
border-top:1px solid #e3e3e3
}
.attireUserRepositories>ul {
max-width:110em;
margin:0 auto;
overflow:hidden
}
.attireUserRepositories>ul>li {
float:left;
width:33.33333%;
box-sizing:border-box;
padding:3em 4em 4em
}
.attireUserRepositories>ul>li:before {
display:none
}
}
.attireUserRepo {
	display:block
}
.attireUserRepo>.title {
	font-family:Lato, Arial, sans-serif;
	font-weight:700;
	font-style:normal;
	font-size:2.4em;
	margin-bottom:.75em;
	color:#303030
}
.attireUserRepo>.description {
	font-size:1.6em;
	line-height:1.6;
	color:#636363
}

.attireMainNav{
	display:none;
}