html, body {
    background-color: black;
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.cleaner {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

a.disabled {
    font-style: italic;
    color: gray;
    pointer-events: none;
    cursor: default;
}

.article-frame {
    height: 100vh;
    border: 5px outset red;
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(img/gallery/fortyMartyrsOratory/pic/DSCF5902.JPG);
    background-color: white;
    overflow: auto;
}

.article {
    padding-left: 2em;
    padding-right: 2.5em;
    padding-top: 0px;
    padding-bottom: 12px;
}

    .article .content {
        text-align: justify;
        text-justify: inter-word;
        font-size: 14pt;
    }

    .article p {
        text-indent: 2em;
    }

    .article .sources {
        text-align: left;
        font-size: 12pt;
    }

.sources-title {
    text-align: left;
}

.tooltip {
    text-align: left;
}

.tooltip-content {
    text-align: justify;
    text-justify: inter-word;
}

    .tooltip-content img {
        float: left;
        border: 2px solid #b7b7b7;
        margin-right: 2em;
    }

span.personal-name {
    font-style: italic;
    color: darkcyan;
}

span.local-name {
    font-style: italic;
    color: dimgray;
}

span.citation {
    font-style: italic;
    font-size:80%;
}

span.event {
    font-style: italic;
    color: darkblue;
}