html, body {
    background-color: #1b1a1a;
    color: #f5f0e0;
}

/* page fade-in */

body {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


body {
    width: 85%;
    }

@media screen {
    body {
        margin-left: 8%;
        }
    }

.pagedjs_page_content > div {
    margin-left: 8%;
    }

p {
    font-family: Geneva, Tahoma, Arial;
    font-size: 1.5em;
    line-height: 1.4em;
    margin-top: 1em;
    margin-bottom: 0;
    }

body > p {
    text-align: justify;
    text-indent: 1em;
    }

h2 + p, h3 + p, h4 + p {
    text-indent: 0
    }

 h1 {
    font-family: Geneva, Tahoma, Arial;
    font-size: 3.0em;
    font-weight: bold;
    line-height: 2.5em;
    margin-top: 1em;
    margin-bottom: 0;
    }

 h2 {
    font-family: Geneva, Tahoma, Arial;
    color: #f5f0e0;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 0;
    }

h3 {
    font-family: Geneva, Tahoma, Arial;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 2em;
    clear: both;
    }

h4 {
    font-family: Geneva, Tahoma, Arial;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 0;
    }

h5 {
    font-family: Geneva, Tahoma, Arial;
    color: #f5f0e0;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 1em;
    margin-bottom: 0;
    }