@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Fira Mono";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fira-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Fira Mono";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/fira-mono-latin-700-normal.woff2") format("woff2");
}

:root {
    --gh-font-heading: "Inter", sans-serif;
    --gh-font-body: "Fira Mono", monospace;
    --ghost-accent-color: #ff1919;
}

.gh-head-actions:empty {
    min-width: 3rem;
}

.gh-foot.no-menu .gh-foot-inner {
    display: flex;
    justify-content: center;
}

.gh-loadmore {
    display: inline-flex;
}

.error-content {
    min-height: 55vh;
    padding-bottom: 8rem;
    padding-top: 8rem;
}

.error-content p {
    margin-top: 2rem;
}

@media (max-width: 767px) {
    #gh-head .gh-head-brand {
        grid-template-columns: 1fr auto;
    }

    #gh-head .gh-head-actions {
        display: none;
    }
}