body {

color: $cs-maintext;

}

h1, h2 {

color: $cs-danger;

}

h3 {

color: $cs-success;

}

code, tt {

background-color: $cs-bg-primary;
color: $cs-danger;

}

a {

color: $cs-info;

}

footer {

a {
  color: $cs-success;
}

}

:target::before {

content: '';
display: block;
height: 70px; // fixed header height
margin: -70px 0 0; // negative fixed header height

}

@mixin alertbox($colour) {

border-color: $colour;
border-style: solid;
border-width: 1px 1px 1px 1em;
padding: .5em;

}

.success { @include alertbox($cs-success) }

.info { @include alertbox($cs-info) }

.warning { @include alertbox($cs-warning) }

.danger { @include alertbox($cs-danger) }

pre.highlight {

background-color: $cs-bg-primary;
border-left: .2em solid $cs-success;

}

.language-bash {

pre.highlight {
  border-left-color: $cs-primary;
}

}