.post {
background: white; margin: 2em auto; max-width: 60rem; padding: 2em 0; box-shadow: 12px 18px 24px rgba(darken($brand-color, 50%), .1);
}
.post > * {
margin-left: auto; margin-right: auto; max-width: 36rem; padding: 0 1em;
}
.post > h1 {
font-size: 2em; max-width: 48rem; padding: 2em 1em; text-align: center;
}
.post p {
text-align: justify; text-indent: 1.5em; text-justify: inter-word;
}
.post p:first-of-type, .post h2 + p {
text-indent: 0;
}
.post a:hover {
background: $highlight;
}
.post dl, .post ul, .post ol {
margin: 1.5em;
}
.post li {
margin-left: 1.5rem; margin-right: 1.5rem;
}
.post-content:first-child {
margin-top: 4em;
}
.post-meta {
margin-bottom: 2em; margin-top: 2em; text-align: right;
}
.back-link {
display: inline-block; font-size: .75em; padding: 1em; text-decoration: none; text-transform: uppercase;
}