/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */




[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
}



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
}



label,
button {
    cursor: pointer
}


[class^="icon"],
[class*=" icon"] {
    display: inline-block;
    position: relative;
    padding-left: 40px
}

[class^="icon"]:before,
[class*=" icon"]:before {
    font-family: "attire";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    text-align: center;
    text-indent: 0
}

.iconMenu:before {
    content: ""
}

.iconArrowRight:before {
    content: ""
}

.iconMail:before {
    content: ""
}

.iconFacebook:before {
    content: ""
}

.iconGithub:before {
    content: ""
}

.iconTwitter:before {
    content: ""
}

.iconCode:before {
    content: ""
}

.iconSearch:before {
    content: ""
}

.iconLink:before {
    content: ""
}

.iconCross:before {
    content: ""
}


@-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)
    }
}




.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: 1.8em;
    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
}