/* lines of code in code blocks */
code {
    font-family: "Google Sans Code", monospace;
    font-weight: 350;
    font-style: normal;
    font-variation-settings:
        "MONO" 1;

    /* secret sauce */
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    position: relative;
    line-height: 1.3;
}

/* code blocks */
pre > code {
    background-color: rgb(242, 242, 248); /* ghostwhite */
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    min-width: 100%;
}


/* for line numbers

pre.numberSource a {
    pointer-events: none;
    cursor: default;
    color: rgb(200, 200, 220);
    text-decoration: none;
}
pre.numberSource code > span > a::before {
    text-decoration: none !important;
}
    */

/* inline code blocks*/
code:not(pre code) {
    background-color: rgb(242, 242, 248);
    padding: 3px;
    border-radius: 5px;
}


/* TABLES */
table {
    border-collapse: collapse;
}

th, td {
    border: 1px solid gainsboro;
    padding: 5px;
}