@font-face {
        font-family: Compagnon-Roman;
        src: url("Compagnon-Roman.otf") format("opentype");
}
@font-face {
        font-family: FantasqueSansMono-Regular;
        src: url("FantasqueSansMono-Regular.otf") format("opentype");
}

body {
    color: #c6c6ce;
    font-size: 16pt;
    line-height: 1.6;
    /*font-family: Didot, "Didot LT STD", "Hoefler Text", "Palatino", "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Garamond, "Times New Roman", serif;*/
    font-family: FantasqueSansMono-Regular;
    background-color: #0c141c;
}
#container {
    display: block;
    width: auto;
    min-height: calc(100vh - 1.5em);
    margin-right: 30%;
    margin-left: 2%;
    margin-top: -1.5em;
    padding-top: 1.5em;
    margin-bottom: -1.5em;
    padding-bottom: 1.5em;
    border-right: solid 5px #96bcbe;
}
p {
    padding-left: 3em;
    padding-right: 3em;
}
h1, h2, h3, h4, h5, h6 {
    color: #96bcbe;
    /*font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;*/
    font-family: Compagnon-Roman;
    font-weight: bold;
}
h1 {
    text-align: center;
}
blockquote {
    font-size: smaller;
    margin-left: 3em;
    margin-right: 3em;
    border-left: 0.25em solid #96bcbe;
    padding-left: 1em;
}
img {
    display: block;
    margin: auto;
    width: initial;
    max-width: 100%;
    height: auto;
}
a, a:visited {
    color: #3F97EF;
}
a:active, a:focus {
    color: #F8C628;
}
@media screen and (max-width: 1250px) {
    #container {
    width: 95%;
    height: auto;
    margin: auto;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    border-right: none;
    }
    p {
    padding-left: 1.3em;
    padding-right: 1.3em;
    }
}