.hljs-comment {color: #898ea4;}.hljs-variable, .hljs-tag, .hljs-regexp, .hljs-name, .ruby .hljs-constant, .xml .hljs-tag .hljs-title, .xml .hljs-pi, .xml .hljs-doctype, .html .hljs-doctype, .css .hljs-id, .css .hljs-class, .css .hljs-pseudo {color: deepskyblue;}.hljs-attribute {color: lightskyblue;}.hljs-number, .hljs-preprocessor, .hljs-built_in, .hljs-literal, .hljs-params, .hljs-constant {color: #c76b29;}.ruby .hljs-class .hljs-title, .css .hljs-rule .hljs-attribute {color: #c08b30;}.hljs-string, .hljs-value, .hljs-inheritance, .hljs-header, .ruby .hljs-symbol, .xml .hljs-cdata {color: darkorange;}.hljs-title, .css .hljs-hexcolor {color: #22a2c9;}.hljs-function, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword, .perl .hljs-sub, .javascript .hljs-title, .coffeescript .hljs-title {color: #3d8fd1;}.hljs-keyword, .javascript .hljs-function {color: #6679cc;}.hljs {display: block;overflow-x: auto;background: #202746;color: #979db4;padding: 0.5em;-webkit-text-size-adjust: none;}.coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata {opacity: 0.5;}body {margin: 0;padding: 0;overflow-x: hidden;}*, *:before, *:after {box-sizing: border-box;}a {text-decoration: none;color: #FF4081;}.backgrounds {width: 100%;height: 100%;position: fixed;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: -1;}.backgrounds .background {width: 100%;height: 100%;background-size: cover;position: absolute;left: 0;top: 0;background-attachment: fixed;}.overlay:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: #3F51B5;opacity: 0.8;}.hero {width: 100%;height: 100vh;position: relative;overflow: hidden;color: #FFF;text-align: center;}.hero-center {width: 100%;position: absolute;top: 40%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}.hero__logo {font-size: 60px;color: rgba(0, 0, 0, 0.5);}.hero__text {font-weight: normal;opacity: 0.8;}.hero__scroll {position: absolute;bottom: 60px;width: 200px;margin: auto;display: block;cursor: pointer;padding-bottom: 40px;left: 0;right: 0;text-transform: uppercase;}.hero__scroll .chevron {margin-top: 20px;display: block;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;color: #FF4081;}@-webkit-keyframes pulse {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}@keyframes pulse {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}.octocat {position: absolute;top: 20px;right: 20px;width: 80px;}.octocat img {display: block;width: 100%;}.chevron::before {border-style: solid;border-width: 0.25em 0.25em 0 0;content: '';display: inline-block;height: 20px;position: relative;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: top;width: 20px;}.chevron.right:before {left: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.chevron.bottom:before {top: 0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}.chevron.left:before {left: 0.25em;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}.section {width: 100%;float: left;overflow: hidden;}.section-title {color: #FFF;text-transform: uppercase;font-weight: normal;border-top: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.3);width: 100%;clear: both;}.code {width: 40%;clear: both;height: 200px;background: #FFF;border-radius: 2px;margin: 12vh 0;padding: 10px;}.code pre, .code code {height: 100%;margin: 0;}.code code {padding: 20px 0 0 20px;}.code--small code {padding-top: 75px;}.code--left {float: left;}.code--right {float: right;}.code--wider {width: 60%;}.code--wider code {padding-top: 60px;}.section--more {color: #FFF;background: #0E0F34;padding: 20px 0 40px 0;}.section-group {border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 30px 0;}.section-group h3 {margin: 0 0 20px 0;text-transform: uppercase;}.section-group h4 {font-weight: normal;color: rgba(255, 255, 255, 0.6);}.section-group code {padding: 20px;font-size: 1.2em;}.section-group .btn {margin-right: 20px;}