* {
    box-sizing: border-box;
}

body {
    background-color: #2d1c12;
    color: #ddccbb;
    font-family: Georgia, 'Times New Roman', Times, serif;
    max-width: 85ch;
    margin-left: auto; margin-right: auto;
    margin-top: 0;
    min-height: 100%;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 11.5pt;
    padding-bottom:1px;
    padding-top:1px;
}

html {
    background-color: #12081c;
    height: 100%;
}

body > h1,
body > h2,
body > h3,
body > h4,
body > h5,
body > h6,
body > p {
    padding-left: 20px;
    padding-right: 20px;
}

ul {
    padding-right: 20px;;
}

h1 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 19px;
    padding-bottom: 20px;
    text-align: center;
    background-color: #470012;
    color: goldenrod;
    border-bottom: 1px solid #ddccbb;
}

h3 {
    border-top: 1px dashed #998877;
    padding-top:20px;
}

h4 {
    border-top: 1px dashed #665544;
    padding-top:20px;
}

p {
    margin-top: 20px;
    margin-bottom: 20px;
}

hr {
    border-top: 1px solid;
    border-left: none; border-right: none; border-bottom: none;
}

a {
    text-decoration: underline;
    color: #aeb084;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: red;
}

img {
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    max-width: 100%;
    height: auto;
}

h2, h3, h4, h5, h6, strong {
    color: #9395d1;
}

.icon {
    border: 1px solid;
    background-color: #000115;
}

#greeting {
    text-align: center;
}

#portrait > img {
    border: 1px solid;
    vertical-align: bottom;
    background-color: #000115;
}

#portrait {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#ha-ha-ha {
    font-size: 2em;
    vertical-align: middle;
}