* {
    padding: 0;
    margin: 0;
}

::selection {
    background: rgba(100, 100, 100, 0.1);
}

::-moz-selection {
    background: rgba(100, 100, 100, 0.1);
}

body {
    background: #fff;
}

h1 {
    color: #000;
    font-size: 50px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: -6px;
}

h1 a {
    color: #000;
}

h1 a:hover {
    color: #000;
    text-decoration: line-through;
}

h2 {
    color: #000;
    font-size: 20px;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    border-bottom: 1px solid #bbb;
    margin-bottom: -10px;
    padding: 4px;
}

p.intro {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 20px;
    color: #bbb;
    text-indent: 4px;
    text-align: center;
}

article p, ol.gettier {
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
    font-family: 'Alegreya Sans', sans-serif;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}

article p.interlude {
    color: #000;
    font-size: 16px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 600;
    text-align: left;
    margin-bottom: -6px;
    padding: 0;
    line-height: 1em;
    text-transform: uppercase;
}

.cover {
    margin: 20px 0;
    padding: 0;
}

.container .cover h2 {
    width: 350px;
    height: 350px;
    border: 1px solid #bbb;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 36px;
    font-weight: 400;
    transition: background .3s ease-in-out;
}

.container .cover h2.re-evaluation a {
    text-align: left;
}

.container .cover h2.re-evaluation a small {
    text-align: right;
}

.container h2 a {
    color: #000;
}

.container h2 a:hover {
    color: #000;
    text-decoration: line-through;
}

.container h2 a:focus {
    outline: none;
    text-decoration: none;
}

.cover small {
    display: block;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 20px;
    color: #bbb;
    font-style: normal;
}

ul {
    font-size: 20px;
    white-space: nowrap;
    font-weight: 400;
    font-family: 'Alegreya Sans', sans-serif;
    margin: 29px 0 0 0;
    padding: 0;
    list-style: disc outside;
}

ul.right-sided-list {
    text-align: right;
    direction: rtl;
}

.col-list {
    padding-left: 5px;
}

article.about ul li {
    margin-left: 22px;
}

ul a {
    color: #bbb;
}

ul a:hover {
    color: #bbb;
    text-decoration: line-through;
}

em {
    font-style: normal;
    color: #ddd;
}

.container .cover img {
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 1px #bbb;
    width: 100%;
    filter: grayscale(75%);
}

.container .cover.white img {
    box-shadow: 0 0 1px #fff;
    opacity: 0.25;
}

.container .cover.empty.white img:hover {
    opacity: 0.25;
}

.container .cover a {
    width: 100%;
    display: block;
}

.container article.about p {
    padding: 0 0 0 5px;
}

.glyphicon {
    font-size: 14px;
}

article.about ul {
    margin-top: 0;
    padding: 0 0 0 5px;
}

a:focus {
    outline: none;
    text-decoration: none;
    color: #bbb;
}

article {
    width: 100%;
    min-width: 300px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    background: #fff;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

article p.nihilism {
    background: #000;
    font-weight: 700;
    color: #fff;
}

.container article {
    border: none;
}

article img {
    min-width: 300px;
    width: 100%;
}

article img, .container .cover img {
    opacity: 1;
    transition: all .25s ease-in-out;
}

article img:hover, .container .cover img:hover {
    opacity: 0.9;
    filter: grayscale(0%);
    cursor: pointer;
}

.container .cover.empty img:hover {
    opacity: 1;
    cursor: default;
}

article p, ol.gettier {
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
    font-family: 'Alegreya Sans', sans-serif;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}

article ul {
    font-size: 14px;
}

.container article p {
    border: none;
    padding: 0;
}

article .distress {
    text-decoration: line-through;
}

article p.song {
    font-style: italic;
    background: #fafafa;
    text-indent: -8px;
}

article p.vile-thoughts {
    font-style: italic;
    background: #fafafa;
    text-indent: -5px;
}

article p.vile-thoughts span.embodied-vile-thoughts {
    font-style: normal;
}

article p.author {
    border-top: 1px solid #bbb;
}

article p.author a {
    text-decoration: none;
    color: #bbb;
}

article p.author a:hover {
    color: #bbb;
    text-decoration: line-through;
}

ol.gettier {
    list-style-type: upper-roman;
    margin: 0 0 -20px 0;
    font-weight: 700;
}

ol.gettier li span {
    font-weight: 400;
}

footer {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Alegreya Sans', cursive;
}

footer a {
    color: #bbb;
    text-decoration: none;
}

footer a:hover {
    color: #bbb;
    text-decoration: line-through;
}

.go-back {
    transition: opacity .25s ease-in-out;
    opacity: 1;
    display: block;
    position: fixed;
    top: 20px;
    left: 20px;
}

.go-back:hover {
    opacity: 0.5;
}

.knives {
    font-family: 'Source Code Pro', monospace;
}

.breakdown {
    font-family: 'Source Code Pro', sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #000;
}

.no-breath, .blood {
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
}

.blood {
    color: crimson;
}

.flower {
    color: #df1a26;
}

.repressed {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

.repressed.red {
    color: #940000;
}

p.script, span.script {
    font-family: Amiri, serif;
}

.container .empty.cover {
    display: none;
}

.container .empty.cover.column-show {
    display: block;
}

article p span.nomina-sacra {
    font-family: 'Roboto', cursive;
    text-decoration: overline;
    font-size: 10px;
}

p#anchor.just-you {
    margin-top: 30px;
}

.just-you {
    font-family: 'La Belle Aurore', cursive;
    font-size: 14px;
}

.needs {
    font-weight: bold;
    font-family: 'Cormorant', serif;
    text-transform: uppercase;
}

.frustration {
    font-weight: bold;
    font-family: 'Cormorant', serif;
    text-transform: uppercase;
}

.affection {
    font-style: italic;
    color: #983348;
}

.warmless {
    font-weight: bold;
    font-family: 'Cormorant', serif;
    /*text-transform: uppercase;*/
    color: #940000;
    background: #000;
}

.invalid {
    color: #aaa;
    font-style: italic;
}

.needs .out-of-role, .needs.out-of-role {
    text-transform: none;
}

.wilt {
    font-size: 18px;
    font-family: 'Seaweed Script', cursive;
}

.just {
    font-size: 18px;
    font-family: 'Caveat', cursive;
    font-weight: 400;
    line-height: 16px;
}

span.summary-line {
    color: #aaa;
}

article footer.language-version {
    border-top: 1px solid #bbb;
    padding-top: 17px;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

p.separator {
    width: 100%;
    padding: 0;
    text-align: center;
    color: #000;
    margin-bottom: -3px;
}

p.center {
    width: 100%;
    padding: 0;
    text-align: center;
}

p.normal-text {
    font-size: 16px !important;
    white-space: normal;
    text-align: justify;
    padding-right: 100px;
}

p.normal-text.nothing {
    text-align: right !important;
    color: #bababa !important;
}

hr.mid-strophe {
    margin-top: 0;
    margin-bottom: -21px;
}

hr.poem-separator {
    margin-top: 32px;
    margin-bottom: 29px;
    border-color: #ededed;
}

@media (min-width: 375px) {
    .container .cover img {
        width: 350px;
        display: block;
        margin: 0 auto;
    }

    .container .cover a {
        width: 350px;
        margin: 0 auto;
        display: block;
    }
}

@media (min-width: 380px) {
    body > div > article > p:nth-child(1) {
        width: 200px !important;
    }

    .container .cover {
        padding: inherit;
    }
}

@media print, (min-width: 770px) {
    article {
        width: 752px;
    }

    .container article {
        width: 100%;
    }

    article img {
        width: 750px;
    }

    article p span.nomina-sacra {
        font-size: 14px;
    }

    article p, ol.gettier {
        font-size: 20px;
        padding: 0 0 0 100px;
    }

    article p.interlude {
        font-size: 40px;
        font-weight: 400;
    }

    .wilt {
        font-size: 24px;
        font-family: 'Seaweed Script', cursive;
    }

    .just {
        font-size: 22px;
        font-family: 'Caveat', cursive;
        font-weight: 400;
        line-height: 20px;
    }

    .just-you {
        font-size: 20px;
    }

    article footer.language-version {
        font-size: 20px;
    }

    article ul, article ul a {
        font-size: 20px;
    }

    article p.song {
        font-style: italic;
        background: #fafafa;
        text-indent: -11px;
    }

    article p.chains {
        background: url(../img/chains.png) repeat-x 0 5px;
    }
}

@media (min-width: 1200px) {
    h1 {
        text-align: left;
    }

    p.intro {
        text-align: left;
    }

    footer {
        text-align: right;
    }

    div.container > div.row ~ div.row {
        border-top: none;
    }

    .container .empty.cover {
        display: block;
    }
}

@media screen {
    #poem-title {
        display: none;
    }
}

@media print {
    article img#cover {
        display: none;
    }

    .go-back {
        display: none;
    }

    article {
        border: none;
    }

    a {
        display: none;
    }

    p {
        page-break-inside: avoid !important;
    }

    #poem-title {
        font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
        font-weight: bold;
        border-bottom: 1px solid #bbb;
        text-align: center;
        font-size: 40px;
        margin-bottom: 30px;
        display: block;
        margin-top: 0;
    }

    article footer.language-version {
        display: none;
    }
}

@page {
    size: auto;
    margin: 50px 0;
}