combined.css

.header-container {background:#24292e;}
.header-container nav{background:#24292e;margin:0px auto;}
.header-container nav ul {margin:0;padding:0}
.header-container nav li{display:inline-block;width:49%;text-align:center;padding:20px 0px;margin:0px;}
.header-container nav li a{color:white;}
.header-container nav li a:hover, .header-container nav li a:focus, .header-container nav li a:active, .header-container nav li a:visited, .header-container nav li a:visited:hover{color:white;}
.header-container header{background:#fafbfc;border-bottom:1px solid #e1e4e8;max-width:100% !important;padding:1.72222rem 0em 0em 0em; font-size:80%;}
.header-container header p{margin-bottom:1em;}
article > h1{margin-top:2rem;}
#cdu_close button{min-height:70px;}

.hljs {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #333;
    display: block;
    overflow-x: auto;
}
.hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic;
}
.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #333;
    font-weight: 700;
}
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
    color: teal;
}
.hljs-doctag, .hljs-string {
    color: #d14;
}
.hljs-section, .hljs-selector-id, .hljs-title {
    color: #900;
    font-weight: 700;
}
.hljs-subst {
    font-weight: 400;
}
.hljs-class .hljs-title, .hljs-type {
    color: #458;
    font-weight: 700;
}
.hljs-attribute, .hljs-name, .hljs-tag {
    color: navy;
    font-weight: 400;
}
.hljs-link, .hljs-regexp {
    color: #009926;
}
.hljs-bullet, .hljs-symbol {
    color: #990073;
}
.hljs-built_in, .hljs-builtin-name {
    color: #0086b3;
}
.hljs-meta {
    color: #999;
    font-weight: 700;
}
.hljs-deletion {
    background: #fdd none repeat scroll 0 0;
}
.hljs-addition {
    background: #dfd none repeat scroll 0 0;
}
.hljs-emphasis {
    font-style: italic;
}
.hljs-strong {
    font-weight: 700;
}
html {
}
body {
    margin: 0;
}
article, aside, cite, code, details, figcaption, figure, footer, header, hgroup, main, nav, section, small, summary {
    display: block;
}
article, article ol, article ul, blockquote, body, div, figure, footer, header, input, nav, section {
    box-sizing: border-box;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
a:active, a:hover {
    outline: 0 none;
}
abbr {
    letter-spacing: 0.1em;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
small {
    font-size: 70%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
em, i {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace,monospace;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
img {
    display: block;
    margin-bottom: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: inherit;
    max-width: 100%;
}
html {
    color: #222;
    font-family: Merriweather,Georgia,serif;
    font-size: 100%;
}
article *, .header-container *  {
    line-height: 1.625rem;
    margin: 0 0 1.625rem;
}
h1 {
    font-size: 2.5rem;
    line-height: 3.25rem;
    margin-bottom: 1.625rem;
    margin-top: 6.5rem;
}
h2 {
    font-size: 1.6875rem;
    line-height: 2.4375rem;
    margin-bottom: 0.8125rem;
    margin-top: 4.0625rem;
}
h3 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin-bottom: 0.8125rem;
    margin-top: 3.25rem;
}
h4 {
    font-size: 1.2rem;
    line-height: 1.625rem;
    margin-bottom: 0.8125rem;
    margin-top: 2.4375rem;
}
h5, h6 {
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 0.8125rem;
    margin-top: 4.0625rem;
}
h1 + h2 {
    margin-top: 1.625rem;
}
h2 + h3, h3 + h4, h4 + h5 {
    margin-top: 0.8125rem;
}
h5 + h6 {
    margin-top: -0.8125rem;
}
h6 {
    font-style: italic;
    font-weight: 400;
}
a {
    color: #222;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #222;
}
a:visited {
    color: #656565;
}
a:visited:hover {
    color: #222;
}
a:active {
    color: #656565;
}
figcaption {
    color: #222;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.625rem;
    margin-bottom: 0;
    text-align: center;
}
blockquote {
    font-style: italic;
    padding-left: 1.4375rem;
}
cite {
    font-style: normal;
}
figure blockquote {
    padding: 1.625rem 0;
}
figure blockquote p {
    font-size: 1.6875rem;
    line-height: 2.4375rem;
}
ol li, ul li {
    margin-bottom: 0;
}
hr {
    border: 0 none;
    color: #222;
    display: block;
    height: 1.625rem;
    margin: 3.25rem auto;
    text-align: center;
}
hr::before {
    content: "***";
    letter-spacing: 0.2em;
}
small {
    line-height: 1.813rem;
}
code {
    padding: 1.625rem;
}
.attention-grabber {
    font-size: 1.2rem;
}
.grid, .grid-double {
    background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.3) 1px, transparent 1px);
    background-position: left top;
    background-repeat: repeat;
    background-size: 100% 1.625rem;
}
.grid-double {
    background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.3) 1px, transparent 1px, transparent 13px, rgba(0, 170, 255, 0.2) 13px, transparent 14px, transparent 26px);
}
article, body > footer {
    margin: 0 auto;
    width: 80%;
}
.toggleWrapper {
    background-color: #231f20;
    border-radius: 25px;
    display: block;
    height: 32px;
    padding: 0 10px 0 20px;
    position: fixed;
    right: 26px;
    top: 26px;
}
.btnToggleGrid {
    background: rgba(0, 0, 0, 0) url("../../assets/images/grid-icons.png") no-repeat scroll right top / 32px auto;
    color: #fff;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 34px;
    padding-right: 35px;
    text-decoration: none;
    text-transform: uppercase;
}
.btnToggleGrid:hover {
    color: #fff;
}
.btnToggleGrid:active {
    color: red;
}
.double-grid {
    background-position-y: -32px;
}
.grid-off {
    background-position-y: -64px;
}
.alignLeft {
    text-align: left;
}
.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}
.uppercase {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
@media screen and (min-width: 40em) {
body, html {
    margin: 0;
    max-width: none;
    width: 100%;
}
article *, .header-container *  {
    line-height: 1.72222rem;
    margin-bottom: 1.72222rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 38rem;
}
html {
    font-size: 1.125rem;
}
.toggleWrapper {
    right: 31px;
    top: 31px;
}
.grid, .grid-double {
    background-size: 100% 1.72222rem;
}
.grid-double {
    background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.3) 1px, transparent 1px, transparent 15.5px, rgba(0, 170, 255, 0.2) 15.5px, transparent 16.5px, transparent 31px);
}
article {
    max-width: 52.5rem;
}
.btnToggleGrid {
    right: 31px;
    top: 31px;
}
h1 {
    font-size: 2.5rem;
    line-height: 3.44444rem;
    margin-bottom: 1.72222rem;
    margin-top: 6.88889rem;
}
h2 {
    font-size: 1.6875rem;
    line-height: 2.58333rem;
    margin-bottom: 0.861111rem;
    margin-top: 4.30556rem;
}
h3 {
    font-size: 1.375rem;
    line-height: 1.72222rem;
    margin-bottom: 0.861111rem;
    margin-top: 3.44444rem;
}
h4 {
    font-size: 1.2rem;
    line-height: 1.72222rem;
    margin-bottom: 0.861111rem;
    margin-top: 2.58333rem;
}
h5, h6 {
    font-size: 1rem;
    line-height: 1.72222rem;
    margin-bottom: 0.861111rem;
    margin-top: 4.30556rem;
}
h1 + h2 {
    margin-top: 1.72222rem;
}
h2 + h3, h3 + h4, h4 + h5 {
    margin-top: 0.861111rem;
}
h5 + h6 {
    margin-top: -0.861111rem;
}
figure blockquote {
    padding: 3.44444rem 0 1.72222rem;
    text-align: center;
}
figure blockquote p {
    font-size: 1.6875rem;
    line-height: 2.58333rem;
}
figure.floatLeft, figure.floatRight {
    max-width: 17.5rem;
    padding: 0 1.72222rem;
}
figure.floatLeft blockquote, figure.floatRight blockquote {
    padding: 0;
    text-align: left;
}
figure.floatLeft blockquote p, figure.floatRight blockquote p {
    font-size: 1.2rem;
    line-height: 1.72222rem;
}
figcaption {
    line-height: 1.72222rem;
    margin-bottom: 0;
}
.floatLeft {
    float: left;
}
.floatCenter {
    margin-left: auto;
    margin-right: auto;
}
.floatRight {
    float: right;
}
blockquote {
    padding-left: 2rem;
}
small {
    line-height: 0.861111rem;
}
hr {
    height: 1.72222rem;
    margin-bottom: 3.44444rem;
    margin-top: 3.44444rem;
}
code {
    padding: 1.72222rem;
}
.attention-grabber {
    font-size: 1.2rem;
}
}