.primary {
    color: #018601;
}
.grey {
    color: #ccc;
}
.bg-primary {
    background-color: #018601;
}
.invert {
    background-color: #018601;
    color: #fff;
}
.invert a {
    color: #fff;
    border: 0;
}
.invert a:hover {
    color: #75de75;
}
html, body {
    font-family: -apple-system,  BlinkMacSystemFont,  "Segoe UI",  Roboto,  'Helvetica Neue',  Arial,  sans-serif;
}
::selection {
    background-color: #75de75;
    color: #018601;
}
a {
    color: #018601;
    text-decoration: none;
    border-bottom: 3px solid #75de75;
    position: relative;
}
a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #018601;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.1s ease-in-out 0s;
    transition: all 0.10s ease-in-out 0s;
}
a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
a.no-slide:hover:before {
    visibility: hidden;
}
a.no-slide:hover {
    color: #75de75;
}
@media (min-width: 30em) {
    h1.f-headline-ns {
    font-size: 4rem;
}
}h2 {
    margin-top: 5rem;
}
h3 {
    margin-top: 4rem;
}
.f7 {
    font-size: 0.8rem;
}
hr {
    width: 25%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    height: 2px;
    border: 0;
    background-color: #018601;
}
code {
    /*background-color: #eee;
    border: 1px solid #ccc;*/
    padding: 2px;
    font-size: 1.1rem;
}
blockquote {
    border-left: 3px solid #018601;
    margin: 0;
    padding: 1rem 1.25rem;
    font-size: 1.4rem;
    color: #018601;
}
blockquote cite {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .875rem;
    font-style: normal;
}
blockquote p:first-child {
    margin-top: 0;
}
blockquote p:last-child {
    margin-bottom: 0;
}
.hero {
    background-position: center center;
    background-size: cover;
}
.sidebar {
    border-left: 1px solid #018601;
}
nav a:hover {
    background-color: #75de75;
    color: #018601 !important;
}
.balance-text {
    text-wrap: balanced;
}
.f-headline {
    font-size: 4rem;
}
.aside {
    font-size: 1rem;
    background-color: #eee;
    padding: 1rem;
}
.highlight {
    min-width: 100%;
    max-width: 100%;
    /*margin-left: -5%;*/
    border-radius: 5px;
    background-color: #fbfbfb;
    font-size: 16px;
    overflow: hidden;
    text-shadow: none;
    color: #111;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 1rem;
}
.highlight pre {
    padding: 5px 5%;
}
.hightlight code {
    float: left;
}
.highlight:hover {
    overflow: auto;
}
.highlight .hll {
    background-color: #ffc;
}
.highlight .c {
    color: #888;
}
.highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
}
.highlight .k {
    color: #008800;
    font-weight: bold;
}
.highlight .cm {
    color: #888;
}
.highlight .cp {
    color: #cc0000;
    font-weight: bold;
}
.highlight .c1 {
    color: #888;
}
.highlight .cs {
    color: #cc0000;
    font-weight: bold;
    background-color: #fff0f0;
}
.highlight .gd {
    color: #000000;
    background-color: #fdd;
}
.highlight .ge {
    font-style: italic;
}
.highlight .gr {
    color: #a00;
}
.highlight .gh {
    color: #303030;
}
.highlight .gi {
    color: #000000;
    background-color: #dfd;
}
.highlight .go {
    color: #888;
}
.highlight .gp {
    color: #555;
}
.highlight .gs {
    font-weight: bold;
}
.highlight .gu {
    color: #606060;
}
.highlight .gt {
    color: #a00;
}
.highlight .kc {
    color: #008800;
    font-weight: bold;
}
.highlight .kd {
    color: #008800;
    font-weight: bold;
}
.highlight .kn {
    color: #008800;
    font-weight: bold;
}
.highlight .kp {
    color: #080;
}
.highlight .kr {
    color: #008800;
    font-weight: bold;
}
.highlight .kt {
    color: #888888;
    font-weight: bold;
}
.highlight .m {
    color: #0000DD;
    font-weight: bold;
}
.highlight .s {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .na {
    color: #369;
}
.highlight .nb {
    color: #038;
}
.highlight .nc {
    color: #bb0066;
    font-weight: bold;
}
.highlight .no {
    color: #003366;
    font-weight: bold;
}
.highlight .nd {
    color: #555;
}
.highlight .ne {
    color: #bb0066;
    font-weight: bold;
}
.highlight .nf {
    color: #0066bb;
    font-weight: bold;
}
.highlight .nl {
    color: #336699;
    font-style: italic;
}
.highlight .nn {
    color: #bb0066;
    font-weight: bold;
}
.highlight .py {
    color: #336699;
    font-weight: bold;
}
.highlight .nt {
    color: #bb0066;
    font-weight: bold;
}
.highlight .nv {
    color: #369;
}
.highlight .ow {
    color: #080;
}
.highlight .w {
    color: #bbb;
}
.highlight .mf {
    color: #0000DD;
    font-weight: bold;
}
.highlight .mh {
    color: #0000DD;
    font-weight: bold;
}
.highlight .mi {
    color: #0000DD;
    font-weight: bold;
}
.highlight .mo {
    color: #0000DD;
    font-weight: bold;
}
.highlight .sb {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .sc {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .sd {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .s2 {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .se {
    color: #0044dd;
    background-color: #fff0f0;
}
.highlight .sh {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .si {
    color: #3333bb;
    background-color: #fff0f0;
}
.highlight .sx {
    color: #22bb22;
    background-color: #f0fff0;
}
.highlight .sr {
    color: #008800;
    background-color: #fff0ff;
}
.highlight .s1 {
    color: #dd2200;
    background-color: #fff0f0;
}
.highlight .ss {
    color: #aa6600;
    background-color: #fff0f0;
}
.highlight .bp {
    color: #038;
}
.highlight .vc {
    color: #369;
}
.highlight .vg {
    color: #d70;
}
.highlight .vi {
    color: #33b;
}
.highlight .il {
    color: #0000DD;
    font-weight: bold;
}

/*
 * Equations with KaTeX
 *
 * Center the equation content.
 */
.equation {
  padding-bottom:  1rem;
  padding-top:     1rem;
  text-align:      center;
  font-size:       1.5em;
}