.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;

}