/* tilde.town zine issue 6 html style
   by Case Duckworth <acdw@tilde.town> */

:root {
    --fg: #000000;
    --bg: #e9e9e9;
    --shadow: #fefefe;
}

body {
    font: 20px/1.5 "Fanwood Text", serif;
    background:	var(--bg);
    color: var(--fg);
    padding: 1em;
    padding-bottom: 0;
    max-width:42em;
    margin:auto;
}

body header {
    text-align: center;
    margin: auto;
}

body header h1 {
    font-size: 4em;
    margin-top: 0;
}

h1 {
    font-family: "Cormorant Light", serif;
    font-style: italic;
}

#cover {
    max-height: 50vh;
}

.six {
    font-family: "Fanwood Text", serif;
    font-style: italic;
    background:	var(--shadow);
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
}
.six div {
    position: relative;
    /* left: 20%; */
    bottom: 15%;
}

main {
    clear: both;
    max-width: 42em;
    margin: auto;
}

.pg {
    float:right;
    font-style: italic;
}

h1, h2, a:link {
    color: inherit;
    text-shadow: 1px 1px 0px var(--shadow);
}

a:visited {
    color: inherit;
}

a:hover,
a:focus {
    text-decoration: none;
    background: var(--shadow);
    border-radius: 4px;
}

a:active {
    text-decoration: underline;
}

code {
    font: 16px/1.1 "Courier New","Courier",monospace;
    font-weight: normal;
    font-slant: italic;
}

pre,figure{background:#efefef;margin:0.5em;padding:0.5em;}
figcaption{text-align:right;font-style:italic;margin:0.25em 0;padding:0.25em;}

footer#pages {
    border-top: 1px solid;
    color: #555;
    font-style: italic;
    margin: 0;
    margin-top: 1em;
    padding: 0.25em;
    text-align: right;
}

.introduction{font-style:italic;font-size:0.8em;}
.signoff{text-align:right;}
.signoff::before{content: "~ "}
.smallcaps{font-variant:small-caps;}

#prevpage {
    float:left;
}