* {
    padding: 0;
    margin: 0;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}


html {
    font: 16px/1.5 "Helvetica", sans-serif;
    width: 70%;
    margin: 0 auto;
    background: #EEE;
}

body, form, input, textarea, option, select, button {
    font: inherit
}

p, ul, ol {
    padding-bottom: 1.5em;
}

ul, ol {
    padding-left: 2.5em;
}

h1, h2, h3, h4, h5, h6 {
    padding-bottom: 0.5rem;
    padding-top: 1.5rem;
    font-weight: normal;
}

h1 {font-size: 2.2em; }
h2 {font-size: 1.9em; }
h3 {font-size: 1.6em; }
h4 {font-size: 1.4em; }
h5 {font-size: 1.2em; }
h6 {font-size: 1.0em; }

main blockquote {
    float: right;
    padding: 0 2.5em;
    border-left: 2px solid #999;
    margin-bottom: 1.5em;
    margin-left: 1em;
    font-style: italic;
    max-width: 45%;
}

blockquote p:last-child {
    padding-bottom: 0;
}

blockquote p.author {
    text-align: right;
}


header {
    margin-top: 2em;
}

hr {
    border: 2px solid #000;
}

.site-title {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 3em;
    padding-bottom: 0.5rem;
}

.image-right {
    float: right;
    padding: 0.5em;
    border: 2px solid #000;
    background: #FFF;
    margin: 1em;
}

.image-left {
    float: left;
    padding: 0.5em;
    border: 2px solid #000;
    background: #FFF;
    margin: 1em;
}

img {
    clear: both;
}

p:before {
    clear: both;
}