body, button {
    margin: 0
}
button, input, select, textarea {
    font-family: inherit
}
img {
    max-width: 100%
}
svg {
    max-height: 100%
}
fieldset, input, select, textarea {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: .5rem
}
input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    box-sizing: border-box;
    height: 2.25rem;
    padding: .5rem;
    vertical-align: middle;
    -webkit-appearance: none
}
select {
    box-sizing: border-box;
    line-height: 1.75;
    padding: .5rem
}
select:not([multiple]) {
    height: 2.25rem;
    vertical-align: middle
}
textarea {
    box-sizing: border-box;
    line-height: 1.75;
    padding: .5rem
}
.fieldset-reset {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    border: 0
}
.fieldset-reset legend {
    padding: 0
}
.button, button {
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.125rem;
    padding: .5rem 1rem;
    margin: 0;
    height: auto;
    border: 1px solid transparent;
    vertical-align: middle;
    -webkit-appearance: none
}
::-moz-focus-inner {
    border: 0;
    padding: 0
}
.button:hover {
    text-decoration: none
}
table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    width: 100%
}
th {
    text-align: left;
    font-weight: 600
}
td, th {
    padding: .25rem 1rem;
    line-height: inherit
}
th {
    vertical-align: bottom
}
td {
    vertical-align: top
}
body {
    font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 100%
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.25;
    margin-top: 1em;
    margin-bottom: .5em
}
dl, ol, p, ul {
    font-size: 1.125rem;
    margin-top: 0;
    margin-bottom: 1rem
}
ol, ul {
    padding-left: 2rem
}
code, pre, samp {
    font-family: 'Source Code Pro', Consolas, monospace;
    font-size: inherit
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow-x: scroll
}
hr {
    margin-top: 2rem;
    margin-bottom: 2rem
}
blockquote {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem
}
blockquote, blockquote p {
    font-size: 1.25rem;
    font-style: italic
}
.h1, h1 {
    font-size: 2rem
}
.h2, h2 {
    font-size: 1.5rem
}
.h3, h3 {
    font-size: 1.25rem
}
.h4, h4 {
    font-size: 1.125rem
}
.h5, h5 {
    font-size: .875rem
}
.h6, h6 {
    font-size: .75rem
}
.list-reset {
    list-style: none;
    padding-left: 0
}
.button-small {
    padding: .25rem .5rem
}
.button-big {
    padding: 1rem 1.25rem
}
.button-narrow {
    padding-left: .5rem;
    padding-right: .5rem
}
.inline {
    display: inline
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.overflow-hidden {
    overflow: hidden
}
.overflow-scroll {
    overflow: scroll
}
.overflow-auto {
    overflow: auto
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.left {
    float: left
}
.right {
    float: right
}
.fit {
    max-width: 100%
}
.half-width {
    width: 50%
}
.full-width {
    width: 100%
}
.bold {
    font-weight: 600
}
.regular {
    font-weight: 400
}
.italic {
    font-style: italic
}
.caps {
    text-transform: uppercase;
    letter-spacing: .2em
}
.left-align {
    text-align: left
}
.center {
    text-align: center
}
.right-align {
    text-align: right
}
.justify {
    text-align: justify
}
.nowrap {
    white-space: nowrap
}
.m0 {
    margin: 0
}
.mt0 {
    margin-top: 0
}
.mr0 {
    margin-right: 0
}
.mb0 {
    margin-bottom: 0
}
.ml0 {
    margin-left: 0
}
.m1 {
    margin: .5rem
}
.mt1 {
    margin-top: .5rem
}
.mr1 {
    margin-right: .5rem
}
.mb1 {
    margin-bottom: .5rem
}
.ml1 {
    margin-left: .5rem
}
.m2 {
    margin: 1rem
}
.mt2 {
    margin-top: 1rem
}
.mr2 {
    margin-right: 1rem
}
.mb2 {
    margin-bottom: 1rem
}
.ml2 {
    margin-left: 1rem
}
.m3 {
    margin: 2rem
}
.mt3 {
    margin-top: 2rem
}
.mr3 {
    margin-right: 2rem
}
.mb3 {
    margin-bottom: 2rem
}
.ml3 {
    margin-left: 2rem
}
.m4 {
    margin: 4rem
}
.mt4 {
    margin-top: 4rem
}
.mr4 {
    margin-right: 4rem
}
.mb4 {
    margin-bottom: 4rem
}
.ml4 {
    margin-left: 4rem
}
.mxn1 {
    margin-left: -.5rem;
    margin-right: -.5rem
}
.mxn2 {
    margin-left: -1rem;
    margin-right: -1rem
}
.mxn3 {
    margin-left: -2rem;
    margin-right: -2rem
}
.mxn4 {
    margin-left: -4rem;
    margin-right: -4rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.p1 {
    padding: .5rem
}
.py1 {
    padding-top: .5rem;
    padding-bottom: .5rem
}
.px1 {
    padding-left: .5rem;
    padding-right: .5rem
}
.p2 {
    padding: 1rem
}
.py2 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.px2 {
    padding-left: 1rem;
    padding-right: 1rem
}
.p3 {
    padding: 2rem
}
.py3 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.px3 {
    padding-left: 2rem;
    padding-right: 2rem
}
.p4 {
    padding: 4rem
}
.py4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.px4 {
    padding-left: 4rem;
    padding-right: 4rem
}
.display-none, .lg-show, .md-show, .sm-show {
    display: none!important
}
@media (min-width: 40em) {
    .sm-show {
        display: block!important
    }
}
@media (min-width: 52em) {
    .md-show {
        display: block!important
    }
}
@media (min-width: 64em) {
    .lg-show {
        display: block!important
    }
}
@media (min-width: 40em) {
    .sm-hide {
        display: none!important
    }
}
@media (min-width: 52em) {
    .md-hide {
        display: none!important
    }
}
@media (min-width: 64em) {
    .lg-hide {
        display: none!important
    }
}
.hide {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}
.relative {
    position: relative
}
.absolute {
    position: absolute
}
.fixed {
    position: fixed
}
.top-0 {
    top: 0
}
.right-0 {
    right: 0
}
.bottom-0 {
    bottom: 0
}
.left-0 {
    left: 0
}
.z1 {
    z-index: 1
}
.z2 {
    z-index: 2
}
.z3 {
    z-index: 3
}
.z4 {
    z-index: 4
}
.absolute-center {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: table
}
.x-group-item {
    margin-left: -1px
}
.x-group-item:first-of-type {
    margin-left: 0
}
.y-group-item {
    margin-top: -1px
}
.y-group-item:first-of-type {
    margin-top: 0
}
.x-group-item-2 {
    margin-left: -2px
}
.x-group-item-2:first-of-type {
    margin-left: 0
}
.y-group-item-2 {
    margin-top: -2px
}
.y-group-item-2:first-of-type {
    margin-top: 0
}
.x-group-item-2:focus, .x-group-item:focus, .y-group-item-2:focus, .y-group-item:focus {
    position: relative;
    z-index: 1
}
.disclosure-show {
    display: none
}
.is-active .disclosure-show {
    display: block
}
.h00 {
    font-size: 4rem
}
.h0 {
    font-size: 2.25rem
}
@media (min-width: 52em) {
    .h00-responsive {
        font-size: 8vw
    }
    .h0-responsive {
        font-size: 6vw
    }
    .h1-responsive {
        font-size: 4vw
    }
}
@media (min-width: 96em) {
    .h00-responsive {
        font-size: 7.68rem
    }
    .h0-responsive {
        font-size: 5.76rem
    }
    .h1-responsive {
        font-size: 3.84rem
    }
}
.container {
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto
}
.col {
    float: left;
    box-sizing: border-box
}
.col-right {
    float: right;
    box-sizing: border-box
}
.col-1 {
    width: 8.333333333333332%
}
.col-2 {
    width: 16.666666666666664%
}
.col-3 {
    width: 25%
}
.col-4 {
    width: 33.33333333333333%
}
.col-5 {
    width: 41.66666666666667%
}
.col-6 {
    width: 50%
}
.col-7 {
    width: 58.333333333333336%
}
.col-8 {
    width: 66.66666666666666%
}
.col-9 {
    width: 75%
}
.col-10 {
    width: 83.33333333333334%
}
.col-11 {
    width: 91.66666666666666%
}
.col-12 {
    width: 100%
}
@media (min-width: 40em) {
    .sm-col {
        float: left;
        box-sizing: border-box
    }
    .sm-col-right {
        float: right;
        box-sizing: border-box
    }
    .sm-col-1 {
        width: 8.333333333333332%
    }
    .sm-col-2 {
        width: 16.666666666666664%
    }
    .sm-col-3 {
        width: 25%
    }
    .sm-col-4 {
        width: 33.33333333333333%
    }
    .sm-col-5 {
        width: 41.66666666666667%
    }
    .sm-col-6 {
        width: 50%
    }
    .sm-col-7 {
        width: 58.333333333333336%
    }
    .sm-col-8 {
        width: 66.66666666666666%
    }
    .sm-col-9 {
        width: 75%
    }
    .sm-col-10 {
        width: 83.33333333333334%
    }
    .sm-col-11 {
        width: 91.66666666666666%
    }
    .sm-col-12 {
        width: 100%
    }
}
@media (min-width: 52em) {
    .md-col {
        float: left;
        box-sizing: border-box
    }
    .md-col-right {
        float: right;
        box-sizing: border-box
    }
    .md-col-1 {
        width: 8.333333333333332%
    }
    .md-col-2 {
        width: 16.666666666666664%
    }
    .md-col-3 {
        width: 25%
    }
    .md-col-4 {
        width: 33.33333333333333%
    }
    .md-col-5 {
        width: 41.66666666666667%
    }
    .md-col-6 {
        width: 50%
    }
    .md-col-7 {
        width: 58.333333333333336%
    }
    .md-col-8 {
        width: 66.66666666666666%
    }
    .md-col-9 {
        width: 75%
    }
    .md-col-10 {
        width: 83.33333333333334%
    }
    .md-col-11 {
        width: 91.66666666666666%
    }
    .md-col-12 {
        width: 100%
    }
}
@media (min-width: 64em) {
    .lg-col {
        float: left;
        box-sizing: border-box
    }
    .lg-col-right {
        float: right;
        box-sizing: border-box
    }
    .lg-col-1 {
        width: 8.333333333333332%
    }
    .lg-col-2 {
        width: 16.666666666666664%
    }
    .lg-col-3 {
        width: 25%
    }
    .lg-col-4 {
        width: 33.33333333333333%
    }
    .lg-col-5 {
        width: 41.66666666666667%
    }
    .lg-col-6 {
        width: 50%
    }
    .lg-col-7 {
        width: 58.333333333333336%
    }
    .lg-col-8 {
        width: 66.66666666666666%
    }
    .lg-col-9 {
        width: 75%
    }
    .lg-col-10 {
        width: 83.33333333333334%
    }
    .lg-col-11 {
        width: 91.66666666666666%
    }
    .lg-col-12 {
        width: 100%
    }
}
.table {
    display: table;
    width: 100%
}
.table-cell {
    display: table-cell;
    vertical-align: middle
}
.table-fixed {
    table-layout: fixed
}
@media (min-width: 40em) {
    .sm-table {
        display: table;
        width: 100%
    }
    .sm-table-cell {
        display: table-cell;
        vertical-align: middle
    }
}
@media (min-width: 52em) {
    .md-table {
        display: table;
        width: 100%
    }
    .md-table-cell {
        display: table-cell;
        vertical-align: middle
    }
}
@media (min-width: 64em) {
    .lg-table {
        display: table;
        width: 100%
    }
    .lg-table-cell {
        display: table-cell;
        vertical-align: middle
    }
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.flex-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}
.flex-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.flex-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}
.flex-last {
    -webkit-box-ordinal-group: 1025;
    -webkit-order: 1024;
    -ms-flex-order: 1024;
    order: 1024
}
.flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.flex>div {
    box-sizing: border-box
}
@media (min-width: 40em) {
    .sm-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .sm-flex>div {
        box-sizing: border-box
    }
}
@media (min-width: 52em) {
    .md-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .md-flex>div {
        box-sizing: border-box
    }
}
@media (min-width: 64em) {
    .lg-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .lg-flex>div {
        box-sizing: border-box
    }
}
body {
    color: #304650;
    background-color: #fff
}
a {
    color: #0076df;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
blockquote {
  font-size: 1.4em;

  font-style: italic;
  color: #404246;
  line-height: 1.8;
  position: relative;
  font-size: 1.4rem;
}
blockquote p {
  padding: 15px 0 15px 40px;}


code, pre {
    background-color: #f3f9f9;
    border-radius: 3px
}
hr {
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c3c9c9
}
.field-light {
    background-color: #fff;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    border-style: solid;
    border-width: 1px;
    border-color: #c3c9c9;
    border-radius: 3px
}
.field-light:focus {
    outline: 0;
    border-color: #0076df;
    box-shadow: 0 0 2px rgba(0, 118, 223, .5)
}
.field-light:disabled {
    color: #667680;
    background-color: rgba(0, 0, 0, .0625)
}
.field-light:read-only:not(select) {
    background-color: rgba(0, 0, 0, .0625)
}
.field-light:invalid {
    border-color: #ff4919
}
.field-light.is-success {
    border-color: #00df3f
}
.field-light.is-warning {
    border-color: #ffcf00
}
.field-light.is-error {
    border-color: #ff4919
}
.checkbox-light, .radio-light {
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}
.radio-light {
    border-radius: 50%
}
.checkbox-light:focus, .radio-light:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(0, 118, 223, .5)
}
.field-dark {
    color: #fff;
    background-color: rgba(0, 0, 0, .25);
    border: 1px solid rgba(0, 0, 0, .03125);
    border-radius: 3px
}
.field-dark::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}
.field-dark::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}
.field-dark:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}
.field-dark::placeholder {
    color: rgba(255, 255, 255, .75)
}
.field-dark:focus {
    outline: 0;
    border: 1px solid rgba(255, 255, 255, .5)
}
.field-dark:read-only:not(select) {
    background-color: rgba(255, 255, 255, .25)
}
.field-dark:invalid {
    border-color: #ff4919
}
.field-dark.is-success {
    border-color: #00df3f
}
.field-dark.is-warning {
    border-color: #ffcf00
}
.field-dark.is-error {
    border-color: #ff4919
}
.table-light td, .table-light th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c3c9c9
}
.table-light tr:last-child td {
    border-bottom: 0
}
.button-light-gray {
    color: #304650;
    background-color: #c3c9c9;
    border-radius: 3px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color
}
.button-light-gray:hover {
    opacity: .875
}
.button-light-gray:active, .button-light-gray:is-active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)
}
.button-light-gray:focus {
    outline: 0;
    box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 118, 223, .5)
}
.button-light-gray.is-disabled, .button-light-gray:disabled {
    opacity: .5
}
.button-blue {
    color: #fff;
    background-color: #0076df;
    border-radius: 3px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color
}
.button-blue:hover {
    opacity: .875
}
.button-blue.is-active, .button-blue:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)
}
.button-blue:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(0, 118, 223, .5)
}
.button-blue.is-disabled, .button-blue:disabled {
    opacity: .5
}
.button-blue-outline {
    line-height: 1rem;
    color: #0076df;
    background-color: transparent;
    border-radius: 3px;
    border: 2px solid #0076df;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color
}
.button-blue-outline.is-active, .button-blue-outline:hover {
    color: #fff;
    background-color: #0076df
}
.button-blue-outline:active {
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .25)
}
.button-blue-outline:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(0, 118, 223, .5)
}
.button-blue-outline.is-disabled, .button-blue-outline:disabled {
    color: #0076df;
    background-color: transparent;
    opacity: .5
}
.button-gray {
    color: #fff;
    background-color: #667680;
    border-radius: 3px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color
}
.button-gray:hover {
    opacity: .875
}
.button-gray:active, .button-gray:is-active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)
}
.button-gray:focus {
    outline: 0;
    box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 118, 223, .5)
}
.button-gray.is-disabled, .button-gray:disabled {
    opacity: .5
}
.button-red {
    color: #fff;
    background-color: #ff4919;
    border-radius: 3px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color
}
.button-red:hover {
    opacity: .875
}
.button-red.is-active, .button-red:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .125), inset 0 2px 3px 0 rgba(0, 0, 0, .25)
}
.button-red:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5), 0 0 1px 4px rgba(255, 73, 25, .5)
}
.button-red.is-disabled, .button-red:disabled {
    opacity: .5
}
.button-nav-light:hover {
    background-color: rgba(0, 118, 223, .0625)
}
.button-nav-light.is-active, .button-nav-light:active {
    color: #304650
}
.button-nav-dark {
    color: #fff
}
.button-nav-dark.is-active, .button-nav-dark:active, .button-nav-dark:hover {
    background-color: rgba(0, 0, 0, .0625)
}
.button-nav-tab {
    margin-bottom: -1px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #c3c9c9
}
.button-nav-tab:hover {
    background-color: rgba(0, 118, 223, .0625)
}
.button-nav-tab.is-active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #c3c9c9;
    border-left: 1px solid #c3c9c9;
    border-right: 1px solid #c3c9c9
}
.dark-gray {
    color: #304650
}
.white {
    color: #fff
}
.blue {
    color: #0076df
}
.mid-gray {
    color: #667680
}
.light-gray {
    color: #c3c9c9
}
.lighter-gray {
    color: #f3f9f9
}
.red {
    color: #ff4919
}
.green {
    color: #00df3f
}
.yellow {
    color: #ffcf00
}
.bg-dark-gray {
    background-color: #304650
}
.bg-white {
    background-color: #fff
}
.bg-blue {
    background-color: #0076df
}
.bg-mid-gray {
    background-color: #667680
}
.bg-light-gray {
    background-color: #c3c9c9
}
.bg-lighter-gray {
    background-color: #f3f9f9
}
.bg-red {
    background-color: #ff4919
}
.bg-green {
    background-color: #00df3f
}
.bg-yellow {
    background-color: #ffcf00
}
.bg-darken-1 {
    background-color: rgba(0, 0, 0, .03125)
}
.bg-darken-2 {
    background-color: rgba(0, 0, 0, .0625)
}
.bg-darken-3 {
    background-color: rgba(0, 0, 0, .25)
}
.bg-darken-4 {
    background-color: rgba(0, 0, 0, .5)
}
.border {
    border-style: solid;
    border-width: 1px;
    border-color: #c3c9c9
}
.border-top {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #c3c9c9
}
.border-right {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #c3c9c9
}
.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c3c9c9
}
.border-left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #c3c9c9
}
.rounded {
    border-radius: 3px
}
.circle {
    border-radius: 50%
}
.rounded-top {
    border-radius: 3px 3px 0 0
}
.rounded-right {
    border-radius: 0 3px 3px 0
}
.rounded-bottom {
    border-radius: 0 0 3px 3px
}
.rounded-left {
    border-radius: 3px 0 0 3px
}
.not-rounded {
    border-radius: 0
}
.bg-cover {
    background-size: cover
}
.bg-contain {
    background-size: contain
}
.bg-center {
    background-position: center
}
.bg-top {
    background-position: top
}
.bg-right {
    background-position: right
}
.bg-bottom {
    background-position: bottom
}
.bg-left {
    background-position: left
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.monospace {
    font-family: 'Source Code Pro', Consolas, monospace
}
.helvetica {
    font-family: 'Helvetica Neue', Helvetica, sans-serif
}
p code {
    font-size: 87.5%
}
@media (min-width: 52em) {
    .md-h1 {
        font-size: 3rem
    }
}
@media (min-width: 64em) {
    .lg-h1 {
        font-size: 4rem
    }
}
.icon {
    width: 1em;
    height: 1em;
    position: relative;
    top: -.125em;
    vertical-align: middle;
    fill: currentcolor
}
@media (max-width: 32em) {
    .folding-table, .folding-table tbody, .folding-table td, .folding-table th, .folding-table thead, .folding-table tr {
        display: block;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
    .folding-table td:first-child {
        font-weight: 700;
        padding-top: 1rem
    }
    .folding-table td:last-child {
        padding-bottom: 1rem
    }
}
.sticky {
    position: -webkit-sticky;
    position: sticky
}
.border-box {
    box-sizing: border-box
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #304650
}
pre {
    padding: 1rem;
    background-color: rgba(0, 0, 0, .03125)
}
p code {
    color: #0076df;
    background-color: rgba(0, 118, 223, .0625)
}
pre code {
    padding: 0;
    background-color: transparent
}
.border-blue {
    border: 1px solid #0076df
}
.outline-blue * {
    box-shadow: 0 0 0 1px rgba(0, 118, 223, .75)
}
.highlight pre {
    background-color: transparent;
    margin-bottom: 0
}
.hr-block {
    height: 4px;
    border: 0
}
.bright-blue {
    color: #0096ff
}
.bg-bright-blue {
    background-color: #0096ff
}
.bg-light-blue {
    background-color: rgba(0, 118, 223, .0625)
}
.button-bright-blue-outline {
    color: #0096ff;
    background-color: transparent;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #0096ff;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: box-shadow, color, background-color;
    transition-property: box-shadow, color, background-color
}
.button-bright-blue-outline:hover {
    color: #fff;
    background-color: #0096ff
}
.button-bright-blue-outline:focus {
    outline: 0;
    box-shadow: inset 0 0 0 2px #0096ff, 0 0 0 2px #304650, 0 0 1px 4px rgba(0, 118, 223, .5)
}
@-webkit-keyframes fadein {
    from {
        opacity: .5;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}
@keyframes fadein {
    from {
        opacity: .5;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}
@-webkit-keyframes fadeout {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        display: none
    }
}
@keyframes fadeout {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        display: none
    }
}
.animation-fadein {
    -webkit-animation: fadein .1s ease-out forwards;
    animation: fadein .1s ease-out forwards
}
.hljs {
    -webkit-text-size-adjust: none
}
.diff .hljs-header, .hljs-comment, .hljs-javadoc {
    color: #667680;
    font-style: italic
}
.css .rule .hljs-keyword, .hljs-keyword, .hljs-request, .hljs-status, .hljs-subst, .hljs-winutils, .nginx .hljs-title {
    color: #304650;
    font-weight: 700
}
.hljs-hexcolor, .hljs-number, .ruby .hljs-constant {
    color: #009f06
}
.hljs-dartdoc, .hljs-phpdoc, .hljs-string, .hljs-tag .hljs-value, .tex .hljs-formula {
    color: #ff4919
}
.hljs-id, .hljs-title, .scss .hljs-preprocessor {
    color: #ff4919;
    font-weight: 700
}
.hljs-list .hljs-keyword, .hljs-subst {
    font-weight: 400
}
.hljs-class .hljs-title, .hljs-type, .tex .hljs-command, .vhdl .hljs-literal {
    color: #00369f;
    font-weight: 700
}
.django .hljs-tag .hljs-keyword, .hljs-rules .hljs-property, .hljs-tag, .hljs-tag .hljs-title {
    color: #00369f;
    font-weight: 400
}
.hljs-attribute, .hljs-regexp, .hljs-variable, .lisp .hljs-body {
    color: #009f06
}
.clojure .hljs-keyword, .hljs-prompt, .hljs-symbol, .lisp .hljs-keyword, .ruby .hljs-symbol .hljs-string, .scheme .hljs-keyword, .tex .hljs-special {
    color: #f92080
}
.hljs-built_in {
    color: #00369f
}
.hljs-cdata, .hljs-doctype, .hljs-pi, .hljs-pragma, .hljs-preprocessor, .hljs-shebang {
    color: #667680;
    font-weight: 700
}
.hljs-deletion {
    background: #fdd
}
.hljs-addition {
    background: #dfd
}
.diff .hljs-change {
    background: #00369f
}
.hljs-chunk {
    color: #c3c9c9
}