.literata-bean {
}

@media (prefers-color-scheme: light) {
        :root {
                --main-color: #c605ff;
                --secondary-color: #91298b;
        }

        body {
                background: rgb(255, 252, 240);
                color: rgb(16, 15, 15);
        }

        .nav_links:visited {
                color: black;
        }

        .nav_links {
                color: black;
                text-decoration: none;
        }

        a {
                color: var(--main-color);
        }
}

@media (prefers-color-scheme: dark) {
:root {
        --main-color: #d958ff;
        --secondary-color: #953790; 
}
        body {
                background: rgb(16, 15, 15);
                color: rgb(206, 205, 195);
        }

        .nav_links:visited {
                color: white;
        }

        .nav_links {
                color: white;
                text-decoration: none;
        }

        a {
                color: var(--main-color);
        }
         img.bw { 
         filter: invert(1); 
 } 
}

body {
        font-family: "Literata", 'courier new';
        line-height: 1.6;
        letter-spacing: 0.6px;
        font-optical-sizing: auto;
        font-weight: 460;
}

img {
        margin-top: 8px;
        margin-bottom: 8px;
        padding-left: 8px;
        max-width: 90%;
}

h2 {
        margin: 0px 0px -15px 0px
}

ul {
        margin: 10px 0px -10px 0px
}

.content {
        margin-left: 10px;
}

.nav {
        display: flex;
        text-align: center;
        justify-content: center;
        gap: 10px;
        font-size: 20px;
        margin-bottom: 30px;
        margin-left: auto;
}

a {
        color: var(--main-color);
}

#current_page {
        color: var(--main-color);
}

a:visited {
        color: var(--secondary-color);
}


.blog_box {
        max-width: 768px;
        text-overflow: word-break;
}

#codeblock-table {
        display: flex
}

.codeblock-div {
        padding-right: 20px;
        padding-left: 20px;
}

.codeblock {
        font-size: 15px;
        margin-top: 0px;
}

.header-in-codeblock {
        margin: 0px 0px 0px 0px;
        text-align: center;
}

.gallery_image {
        display: inline;
        width: 300px;
        padding: 0px 0px 0px 10px;
}