@import "ibm-font.css";

body {
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
}

.highlight {
    font-weight: 500;
}

@media (prefers-color-scheme: light) {
    body {
        background-color: #FFFFFF;
        color: #000000;
    }

    .highlight {
        background-color: #FFFF00;
    }

    code, pre {
        background-color: #DDDDDD;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #111111;
        color: #FFFFFF;
    }

    .highlight {
        color: #FFFF00;
    }

    code, pre {
        background-color: #333333;
    }
}

.important-gif {
    width: 100%;
    max-width: 500px;
}

code, pre {
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
    max-width: fit-content;
}

pre {
    overflow-x: auto;
}