.codeBox {
        white-space: nowrap;
        overflow: scroll;
        margin: 1em;
        width: 100%-8em;
        margin-left: 8em;
        margin-right: 8em;
        padding: 1.4em;
        font-size: 1em;
        text-align: left;
        border-radius: 0.4em;
        cursor: copy;
        font-size: 0.8em;
        font-family: "Atkinson", monospace;

}

ol, ul {
        .codeBox {
                margin-left: 2em;
                margin-right: 2em;
        }
}

table {
        .codeBox {
                padding: 0.4em;
        }
}

.infoBox {
        padding: 0.5em;
        padding-left: 2em;
        padding-right: 2em;
        border-left-width: 0.5em;
        border-left-style: solid;
        text-align: left;
        margin-top: 1em;

        tt {
                background-color: #45475a99!important;
                color: #cdd6f4 !important;
        }

        img {
                width: 1.5em;
                margin-right: 0.2em;
                filter: invert(100%);
        }

        p {
                margin-left: 1.7em; /* Dependent of icon width and icon margin */
        }
}