h2 {
    font-size: 1.5em;
}

.content-grid {
    display: column;
    align-content: flex-start;
    margin: auto;
}
.diary-grid {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    margin-right: 2em;
    margin-left: 2em;
}
    .diary-pages {
        max-width: 55ch;
        margin: auto;
        margin-top: 0em;
    }

    .diary-dir {
        color: #C0AAC0;
  flex-shrink: 0;  display: flex;
        justify-content: center;
        background-color: transparent;
        font-size: 1.5em;
        font-weight: bold;
        text-shadow:
            -1px -1px 1px #080410,
            0   -1px 1px #080410,
            2px -1px 1px #080410,
            2px  0   1px #080410,
            2px  2px 1px #080410,
            0    2px 1px #080410,
            -1px  2px 1px #080410,
            -1px  0   1px #080410;
    }
    .diary-dir a {
        color: #C0AAC0;
        font-weight: bold;
        text-shadow:
            -1px -1px 1px #080410,
            0   -1px 1px #080410,
            2px -1px 1px #080410,
            2px  0   1px #080410,
            2px  2px 1px #080410,
            0    2px 1px #080410,
            -1px  2px 1px #080410,
            -1px  0   1px #080410;
    }
    .diary-dir a:hover, .diary-dir a:active {
        font-family: 'mitochondriaregular', sans-serif;
    }
    .diary-dir-left {
        display: inline-block;
        vertical-align: middle;
    }
    .diary-dir-numbers {
        height: 0em;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        margin-left: .3em;
        margin-right: .3em;
    }
    .diary-dir-number {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        border-radius: .3em;
        padding-left: .3em;
        padding-right: .3em;
        padding-bottom: .5em;
    }
    .diary-dir-right {
        display: inline-block;
        vertical-align: middle;
    }

    .title {
        color: white;
    }

    .snippet {
        margin-top: 0em;
        margin-bottom: 4em;
        background-color: #585c88;
    }

    .snippet-title {
        text-indent: 2em;
        background-color: #585c88;
        border-top-left-radius: .3em;
        border-top-right-radius: .3em;
        height: auto;
        padding: .5em;
        font-size: 1em;
    }
    .snippet-title a {
        color: #E3E0DE;
        background-color: transparent;
        font-weight: bold;
        text-shadow:
            -1px -1px 1px #182448,
            0   -1px 1px #182448,
            2px -1px 1px #182448,
            2px  0   1px #182448,
            2px  2px 1px #182448,
            0    2px 1px #182448,
            -1px  2px 1px #182448,
            -1px  0   1px #182448;
    }
    .snippet-title a:hover {
        color: #ecd5d2;
        font-weight: bold;
        text-shadow:
            -1px -1px 1px #182448,
            0   -1px 1px #182448,
            2px -1px 1px #182448,
            2px  0   1px #182448,
            2px  2px 1px #182448,
            0    2px 1px #182448,
            -1px  2px 1px #182448,
            -1px  0   1px #182448;
        font-family: 'mitochondriaregular', sans-serif;
    }
    .snippet-content {
        background-color: #C0AAC0;
        color: #080410;
        padding: 1em;
        font-size: 1em;
    }
    .date-line {
        background-color: #585c88;
        color: #080410;
        padding: .5em;
        padding-left: 2em;
        font-size: .9em;
        text-align: left;
    }
    .snippet-tags {
        background-color: #585c88;
        padding: .3em;
        font-size: 1em;
        min-width: 15.5em;
    }
    .snippet-tag {
        background-color: #8c92cc;
        border-radius: .3em;
        padding: .3em;
        font-size: 1em;
        font-weight: bold;
        display: inline-block;
    }
    .snippet-tag a {
        color: #182448;
    }
    .social-line {
        background-color: #404664;
        padding: .3em;
        display: none;
        
    }
    .social-line a {
        color: #E3E0DE;
        font-weight: bold;
    }
    .snippet-link {
        margin-top: -3em;
        margin-right: -1.5em;
        font-size: 1em;
        float: right;
        background-color: transparent;
    }
    .snippet-bottom {
        background-color: #585c88;
        height: 1em;
    }