.main {
    align-items: center;
    display: flex !important;
    flex-direction: column !important;
    flex: 1;
    margin: 0px;
    min-width: 70%;
    /* width: 80%; */
}

body {
    display: flex;
    /* flex: 1; */
    align-items: center;
    flex-direction: column;
}

@media (min-width: 1200px) {
    :root {
        /* display: flex; */
        /* flex: 1; */
        --main-width: 900px;
        --nav-width: 1200px;
        /* align-items:center; */
    }
    .main {
        min-width: 50%;
    }
}

@media (min-width: 1440px) {
    :root {
        /* display: flex; */
        /* flex: 1; */
        --main-width: 1200px;
        --nav-width: 1440px;
        /* align-items:center; */
    }
}
 
@media (max-width: 768px) {
    /* :root { */
        /* --main-width: 560px; */
        /* --nav-width: 576px; */
        /* align-items: center; */
    /* } */
    .main {
        max-width: 100%;
    }

    body {
        font-size: 16px;
    }

    .post-entry {
        max-width: 100%;
    }
    
    table {
        max-width: 100%;
    }
    .smaller {
        max-width: 90% !important;
    }
}
.post-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.post-single {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.post-single h1, h2, h3, h4, h5 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.post-content h1, h2, h3, h4, h5 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.entry-cover {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: var(--gap);
    align-self: center;
}

html {
    width: 100%;
}

.post-header {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: var(--content-gap);
    margin-top: var(--content-gap);
}

.header {
    display: flex;
    flex-direction: column;
    /* flex: 1; */
    /* flex-grow: 1; */
    width: 100%;
    align-items: center;
}

.header .nav {
    margin-inline-start: unset;
    margin-inline-end: unset;
    /* justify-content: space-between; */
    flex: 1;
    width: 100%;
    flex-direction: row;
}

.page-header {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: var(--content-gap);
    margin-top: var(--content-gap);
    align-self: flex-start;
    max-width: 70%;
}

.toc {
    width: 100%;
    flex: 1;
}

/* TODO: Need to somehow fix this without requiring a container around tables */
.table-container {
    display: flex;
    overflow-x: auto;
    width: 100%;
}

table {
    align-self: center;
    /* display: table; */
    table-layout: fixed;
    word-break: keep-all;
    overflow: auto;
    max-width: 90%;
    /* width: 100%; */
    width: unset;
    border-collapse: collapse;
}

.post-footer, #graphcomment, #mc_embed_signup{
    width: 100%;
    flex: 1;
}

#mc_embed_signup {
    max-width: 980px;
    align-items: center;
    align-self: center;
}

pre {
    overflow: auto;
    max-width: 100%;
}

* {
    min-width: 0;
    max-width: 100%;
}

.archive-year {
    align-self: flex-start;
    min-width: 70%;
}