@import “variables”;

.highlight {

color: $base03;

}

.highlight table td {

padding: 5px;

}

.highlight table pre {

margin: 0;

}

.highlight .w {

color: $base02;

}

.highlight .err {

color: $base01;
background-color: $red;

}

.highlight .c,.highlight .cd,.highlight .cm,.highlight .c1,.highlight .cs {

color: $base00;

}

.highlight .cp {

color: $base0;

}

.highlight .o,.highlight .ow {

color: $base1;

}

.highlight .p,.highlight .pi {

color: $base2;

}

.highlight .gi {

color: $base3;

}

.highlight .gd {

color: $yellow;

}

.highlight .gh {

color: $orange;
font-weight: bold;

}

.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv {

color: $red;

}

.highlight .kc,.highlight .kt,.highlight .kd {

color: $magenta;

}

.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1 {

color: $violet;

}

.highlight .sr {

color: $blue;

}

.highlight .si,.highlight .se {

color: $cyan;

}

.highlight .nt,.highlight .nn,.highlight .nc,.highlight .no {

color: $green;

}

.highlight .na {

color: $orange;

}

.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mb,.highlight .mx {

color: $base0;

}

.highlight .ss {

color: $base1;

}

}

body {

background: $light-grey-color;
color: $dark-black-color;
font-family: $font-family;
font-size: 15px;
line-height: 18px;

}

ol, ul {

margin-left: 16px;
margin-bottom: 10px;

} ol {

margin-left: 25px;

}

h1,h2,h3,h4,h5,h6 {

font-weight: 900;
color: $green-color;
letter-spacing: -0.03em;
font-size: 25px;
line-height: 35px;

}

h1 {

font-size: 35px;
line-height: 45px;

}

h3 {

font-size: 18px;
line-height: 28px;
font-weight: 500;

}

dt {

font-style: italic;
font-weight: bold;

}

blockquote {

color: $dark-black-color;
padding: 10px;
border-left: 3px solid $green-color;
background: $white-color;

}

blockquote ul, blockquote ul li {

margin: 0;
list-style: none;
font-size: 15px;
font-style: italic;
color: $green-color;

}

pre {

background: $white-color;
padding: 10px;
color: $dark-blue-color;
border-radius: 2px;
word-wrap: normal;
overflow: auto;
overflow-y: hidden;
box-shadow: 0px 0px 12px $shadow;

}

table {

width: 100%;
margin: 0;
border-collapse: collapse;

}

table thead tr {

background: $green-color;
color: $white-color;

}

th {

text-align: left;
box-shadow: 0px 0px 4px $shadow;
padding: 15px;

}

tr:nth-child(2n+2) {

background: $white-color;

}

td {

box-shadow: 0px 0px 4px $shadow;
padding: 15px;

}

hr {

height: 0;
border: 0;
border-bottom: 1px dashed $dark-blue-color;
color: $dark-blue-color;

}

p,.task-list,h1,h2,h3,h4,h5,h6,figure,pre,table,blockquote{

margin-bottom: 10px;

}

a, code.highlighter-rouge {

background: $white-color;
color: $green-color;
box-shadow: 0px 0px 12px $shadow;
padding: 1px 5px;
border-radius: 5px;
display: inline-flex;

} a:hover {

background: $green-color;
color: $white-color;
padding: 1px 5px;
border-radius: 5px;

}

.cf:before,.cf:after {

content: "";
display: table;

}

.cf:after {

clear: both;

}

.cf {

zoom: 1;

}

.task-list {

list-style: none;

}

.page-wrapper {

width: 960px;
margin: 0 auto;
position: relative;
padding: 30px;
box-sizing: border-box;

}

.header {

padding-bottom: 30px;
text-align: center;

}

.footer {

padding-top: 30px;
text-align: center;

}

.navigation {

color: $green-color;

}

@import “responsive”;