body {
    background-color: #0f2233;
} */

.post .post-content {
    font-family: "Open Sans",sans-serif;
    font-size: 1.15em;
}

.postShorten-group .postShorten {
    padding-bottom: 20px;
}

.post-footer-twitter {
    padding-bottom: 40px;
    font-style: italic;
}

/*
 Center image
*/

.post .post-content img {
    margin-left: auto;
    margin-right: auto;
}

/*
 Sponsor for indie developers
*/

div .sponsor {
    padding: 1em;
    margin: 2em 0;
    border-style: solid;
    border-color: #3A7CB4;
    border-width: 1px;
    border-radius: 20px;
}

.sponsor p {
    margin: auto;
}

.sponsor strong:before {
    float:right;
    display: block;
    content: "#IndieSupportWeeks";
    font-style: italic;
    font-size: 1.2rem;
    margin: -10px 0;
}

/*
    Email customization
*/

[data-form="a9893932-23b2-11ee-8f89-8b6bfc1b0268"].inline-container {
    display: block;
    margin: auto;   
}

/*
    Custom dark mode support
*/

@media (prefers-color-scheme: dark) {
    body {
      /* background-color:  #2a1b16; */
    }

    #main {
        /* background:  #2d2f30; */
        /* background:  #000000; */
    }

    /* Header 

    #header, .header-title {
        background:  #0a1b29;
        border: none;
        border-bottom: 1px solid rgb(51, 78, 114);
    }

    #header .header-title .header-title-link {
        color: #fff;
    }
    #header .header-title .header-title-link:hover {
        color: rgb(222, 222, 222);
    }

    /* Footer 

    #bottom-bar, #share-options-bar {
        background:  #0a1b29;
        border: none;
        border-top: 1px solid rgb(51, 78, 114);
    }

    /* Post + Archives 

    .postShorten .postShorten-content,
    .postShorten .postShorten-excerpt,
    .post .post-content,
    .archive .archive-posts .archive-post .archive-post-title,
    .archive .archive-title {
        color: rgb(222, 222, 222);
    }

    .postShorten-group .postShorten,
    .post .post-footer-tags {
        border-bottom: 1px solid rgb(51, 78, 114);
    }

    #about-card-name {
        color: #4a4a4a;
    }

    /* Core 

    h1, h2, h3, h4, h5, h6 {
        color: rgb(242, 242, 242);
    }

    hr {
        border-top: 1px solid rgb(51, 78, 114);
    }

    code {
        color: lightsteelblue;
        background-color:  #0e2539;
    }

    .alert.info, .btn {
        background-color:  #1c3a55;
    }

    .btn--default, .btn--default:hover,
    .btn--disabled, .btn--disabled:hover {
        border: none;
    }

    .tag--primary, .tag--primary:hover, 
    a.tag--primary, a.tag--primary:hover {
        color: #9eabb3!important;
        background-color:  #1c3a55;
        border: none;
    }

  } */