/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ 
  
.attireMainNav {
 position:relative;
 margin-bottom:-1em;
 z-index:10;
 background-color:#fff
}
.attireMainNav>.toggleBtn {
 margin:0;
 padding:0;
 border:0;
 cursor:pointer;
 background:none;
 padding:0;
 display:inline-block;
 width:60px;
 height:60px;
 text-indent:-9999em;
 overflow:hidden
}
.attireMainNav>.toggleBtn::-moz-focus-inner {
 padding:0;
 border:0
}
.attireMainNav>.toggleBtn:before {
 right:0;
 width:auto;
 text-indent:0
}
.attireMainNav>.toggleBtn:before {
 font-size:2.6em;
 width:2.30769em
}
.attireMainNav>ul {
 padding:0 0 1em;
 display:none
}
.attireMainNav.isActive {
 margin-bottom:0
}
.attireMainNav.isActive>ul {
 -webkit-animation:attireNavEnter 0.3s;
 -moz-animation:attireNavEnter 0.3s;
 animation:attireNavEnter 0.3s;
 display:block
}
.attireMainNav a {
 font-size:1.4em;
 display:block;
 padding:1.07143em 1.42857em;
 color:#636363;
 letter-spacing:0.07em;
 text-transform:uppercase
}
.attireMainNav a:hover {
 color:#2B91F5
}
@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
 }
}
.attireBlock {
 background-color:#fff;
 position:relative;
 border-top:1px solid #e3e3e3
}
.attireBlock:first-child {
 border-top:0
}
.attireBlock>.inner {
 padding:2em
}
.attireBlock.mod1 {
 background-color:#FBFBFB
}
@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;
 letter-spacing:-0.01em
}
@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:14px;
 padding:0;
 margin:0 0 1.11111em;
 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 {
 margin-bottom:2em
}
.attireListType1 li {
 font-size:1.7em;
 padding-left:1.76471em;
 margin:.58824em 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
}