body {

font-family: $font-family;
font-size: $normal-font-size;

}

a {

color: inherit;
border-bottom: 1px solid $back-color;
text-decoration: none;
&:hover {
    border-bottom: none;
}

}

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

display: block;
margin-top: $spacing-unit;
margin-bottom: $spacing-unit;

} h1,h2,h3,h4,h5,h6 { color: $back-color; } p { font-size: $normal-font-size; } h1 { font-size: $mega-font-size; } h2,h3 { font-size: $large-font-size; } h4,h5,h6 { font-size: $medium-font-size; }

ul {

display: block;
list-style: none;
> li:before {
    content: "-";
    margin-right: 8pt;
}

} ol {

display: block;
list-style: lower-roman;

}

table {

width: 100%;
table-layout: fixed;
padding: 0pt;
border-spacing: 0;
th {
    color: $back-color;
}
th,td {
    margin: 0pt;
    padding: $spacing-unit;
    text-align: center;
    border-bottom: 0.5pt solid $back-color;
    overflow: hidden;
}
th:last-child, td:last-child {
    border-right: none;
}
tr:last-child > td {
    border-bottom: none;
}

}

pre {

@include block-cutout;
overflow-x: auto;
-webkit-overflow-scrolling: touch;

}

code {

font-family: $code-font-family;
font-size: $normal-font-size;
font-weight: 500;

}

blockquote {

@include block-cutout;
// Font
font-size: $medium-font-size;
font-style: italic;
text-align: justify;
// Spacing
display: block;
margin: 0;
margin-top: $spacing-unit;
margin-bottom: $spacing-unit;
padding: 2*$spacing-unit;

}

img {

display: block;
margin: $spacing-unit auto;
max-width: 100%;
box-shadow: 0px 0pt 8pt darken($white-color, 33%);

}

figure {

display: block;
margin: 0pt;
margin-top: $spacing-unit;
margin-bottom: $spacing-unit;

}