body {

background: $bg-color;
color: $txt-color;
font-family: $font-family;
font-size: 1em;
line-height: 1.4em;
padding: 1em 2em;
width: auto;
max-width: 700px;
margin: auto;

}

div.site_title {

padding: 1em;
text-transform: lowercase;
font-size: 2.5em;
text-align: center;
background-color: $txt-color;
color: $link-color;
margin-top: .5em;
line-height: 1.2em;
&:hover {
        text-transform: initial;
}

}

div.site_desc {

border: .1em solid;
padding: 1em;
margin-bottom: .5em;

}

div.page_nav {

text-align: center;
margin: auto;
width: 8em;
padding: 1em 0em .5em;

}

a.prev_page {

float: right;

}

a.next_page {

float: left;

}

div.page_nav2 {

text-align: center;
margin: auto;
width: 15em;
max-width: 100%;
padding: 1em 0em .5em;

}

span.post_listing {

line-height: 1.7em;

}

div.title_block {

background-color: $txt-color;
color: $link-color;
padding: 1.5rem 1rem 2.5rem;
margin-top: 1em;
margin-bottom: 1.5em;
text-align: center;

}

h1.title {

color: $link-color;
text-transform: uppercase;
line-height: 1.2em;
&:hover {
        text-transform: initial;
}
margin-bottom: .3em;

}

div.date {

&::before {
        content: "published on ";
}

}

div.author {

letter-spacing: auto;
&::before {
        content: "by ";
}

}

a.nav_back {

font-size: 3em;

}

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

color: $hl1-color;
text-align: center;
font-weight: bolder;
letter-spacing: .5rem;
margin-top: .7rem;

}

a {

color: $link-color;
text-transform: none;
text-decoration: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
&:visited {
        color: $hl2-color;
}       
&:hover {
        color: $hl2-color;
        text-transform: uppercase;
}

}

img {

max-width: 100%;

}

hr {

border: .05em solid $txt-color;
max-width: 60%;
border-radius: .1em;
margin-bottom: 2em;

}

blockquote {

background-color: $txt-color;
color: $link-color;
padding: .05em 1.3em;
font-size: 1.1em;
font-style: italic;
border-radius: 0em 1em;
&:hover {
        font-style: initial;
}

}

pre.highlight {

border: 1px solid $txt-color;
color: $hl2-color;
font-size: 1.1em;
padding: 5em;

}

ul {

list-style: none;
li::before {
        content: "•";
        padding-right: 1em;
        color: $hl1-color;
}

}

table {

width: 100%;
border-collapse: collapse;

}

th {

color: $link-color;
background-color: $txt-color;
padding: .2em;
border: .1em solid $bg-color;

}

td {

border: .1em solid;
padding: .2em;

}