@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Source+Serif+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata');

:root {
    --col1:#A81B03;
    --col2:#D2A004;
    --col3:#696900;
    --col4:#6D8162;
    --col5:#D9CBA2;
    --col6:#1D1108;
}

body {
    margin-left: auto;
    margin-right: auto;
    width: 60em;
    text-align: justify;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.1em;
    body: var(--col6)
}


h1:not(.title) {
    color: var(--col3);

}

h1:not(.title)[data-date]:before {
    content:attr(data-date) " ";
    color: var(--col6);
    margin-left: -5.5em;
    font-size: 0.6em
}

.title {
    text-align: center;
    margin-left: 0em;
    color: var(--col1);
}

.subtitle {
    text-align: center;
    margin-left: 0em;
    color: var(--col1);
    font-size: 1.5em
}


h2 {
    color: var(--col3)
}

h3 {
    color: var(--col4);
}

h4 {
    color: var(--col2);
}

.author {
    text-align:center;
    font-size: 1.8em;
}

.date {
    text-align:center;
}

p {
    align: justify
}

a:link {
    color: var(--col2);
}
/* visited link */
a:visited {
    color: var(--col2);
}
/* mouse over link */
a:hover {
    color: var(--col5);
}
/* selected link */
a:active {
    color: var(--col4);
}

blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid #ccc;
}

code {
    font-family: Inconsolata;
}