@font-face {
    font-family: Alfa;
    src: url('alfa_slab_one_regular.ttf') format('truetype'),
    url('alfa_slab_one_regular.woff') format('woff'),
    url('alfa_slab_one_regular.woff2') format('woff2');
}

@font-face {
    font-family: spectral;
    src: url('Spectral-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: spectral;
    src: url('Spectral-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: spectral;
    src: url('Spectral-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background-color: #CAD2C5;
}

h1 {
    font-family: Alfa;
    color: #2F3E46;
    text-align: center;
    font-size: xxx-large;
    margin-bottom: 12px;

}

a {
    color: #354F52;
}

.smaller_title {
    font-size: large;
    color: #2F3E46;

}

h2 {
    font-family: Alfa;
    color: #2F3E46;
    font-style: italic;
    font-size: x-large;
    text-align: center;
    margin-bottom: 8px;

}

h3 {
    font-family: spectral;
    color: #52796F;
    font-style: italic;
    font-size: large;
    text-align: center;
    margin: 2px;
}

p {
    font-family: spectral;
    color: #2F3E46;

}

div.footer {
    font-family: spectral;
    color: #2F3E46;
    text-align: center;

}

.content {
    font-family: spectral;
    margin-left: auto;
    margin-right: auto;
}

hr {
    width: 80%;
}


div.postlist {
    font-size: large;
    width: 80%;
    margin: auto;

}

div.postlist li a {
    font-weight: bold;
    font-size: x-large;
}

div.postlist li p {
    margin-top: 2px;
    margin-left: 5%;
    font-style: italic;
}


div.postcontent {
    font-size: large;
    width: 80%;
    margin: auto;

}

div.postcontent a {
    color: #84A98C;
}

figcaption {
    font-family: spectral;
    color: #52796F;
    text-align: center;
}

figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    image-orientation: from-image;
}