@font-face {
    font-family: "Caveat";
    src: url("../fonts/Caveat-VariableFont_wght.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant";
    src: url("../fonts/Assistant-VariableFont_wght.ttf");
    font-weight: normal;
    font-style: normal;
}

body,
code,
html,
kbd,
pre,
samp {
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
    background-color: #ffffff;
}

.logo-container,
.logofont {
    font-family: "Caveat", "Lato", "helvetica neue", helvetica, arial;
}

code,
kbd,
pre,
tt,
var {
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
    font-size: 0.945rem;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
}

.site-branding .site-title {
    font-family: "Assistant", "Lato", lato, "helvetica neue", helvetica, arial;
}

.entry-meta {
    font-family: monospace, "Assistant", Lato, "helvetica neue", helvetica, arial;
}

.footer-column-three h3 {
    /* font-family:'lato'; */
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
}

h1.entry-title,
h2.entry-title,
h2.entry-title a:hover,
h2.entry-title a:active {
    font-family: "Assistant", "Lora", "Courier New";
}

.content-wrap {
    width: 1180px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

article .entry-content {
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
    font-size: 1.2rem;
}

.blogpost-button {
    font-family: "Assistant", lato, arial;
}

.search-no-results h1,
.error404 h1 {
    font-family: "Assistant", "Lato", lato, "helvetica neue", helvetica, arial;
}
.search-results h1.page-title {
    font-family: "Assistant", "Lato", lato, "helvetica neue", helvetica, arial;
}

.comments-area .comments-title {
    font-family: "Assistant", "Lato", lato, "helvetica neue", helvetica, arial;
}

#comments h3#reply-title {
    font-family: "Assistant", "Lato", "helvetica neue", helvetica, arial;
}

/*
-------------- Front Page --------------
*/

.page-banner {
    display: flex;
    margin-bottom: 2rem;
}

.page-banner .page-banner__item {
}

.image__me {
    border-radius: 5%;
}

.social-handles {
    display: flex;
}

.social-handle {
    margin-right: 0.5rem;
}

.content-area {
    width: 70%;
}

article.fbox {
    box-shadow: none;
}

article.blogposts-list {
    box-shadow: none;
}

@media screen and (max-width: 600px) {
    .page-banner {
        flex-direction: column;
    }

    .content-area {
        width: 100%;
    }

    article .entry-content {
        font-size: 1.1rem;
    }
}