/* External fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,700;1,700&family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://necolas.github.io/normalize.css/latest/normalize.css');

@font-face {
    font-family: "Cascadia Mono";
    src: url("CascadiaMono.woff2");
}

body {
    background: url(img/texture.jpg);
    font-family: "Cascadia Mono", Courier, monospace;
    color: #ebdbb2;
    overflow-wrap: break-word;
    font-size: 12pt;
    max-width: unset;
    margin: auto;
}

/*figure, img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
figcaption{
    text-align: center;
    font-style: italic;
}*/
div.code-toolbar {
    background: #282828 !important;
    background-image: none !important;
}

code {
    font-family: "IBM Plex Mono", monospace !important;
}

.token.comment, .token.cdata, .token.doctype, .token.prolog {
    color: hsla(0, 0%, 100%, 0.48) !important
}

.command-line-prompt>span::before, .token.deleted, .token.function, .token.function-name, .token.property, code.language-html, code.language-javascript {
    color: #bbba66 !important;
}

/*
.bottom{
    text-align: center;
}

.bottom a{
    color: #83a598;
}
.bottom a:hover{
    color: #fb4934;
}
.bottom a:active{
    color: #fb4934;
}
a:visited{
    color: #cc241d;
}

a {
    color: #b8bb26;
    font-weight: bold;

}

a:hover{
    color: #fb4934;
}

a:active{
    color: #fb4934;
}*/
/*
@media (max-width: 700px){
    #shout{
        font-size: 1em;
    }
    body{
        width: auto;
    }
}
.sourceCode{
    display: inline-block;
    margin-left: 1em;
    margin-right: 1em;
}
div.sourceCode{
    max-width: 100%;
}
code.sourceCode{
    border-left-width: 0px;
    padding: 1em;
}

h3#shout{
    font-family: "Cascadia Mono","IBM Plex Mono", monospace;
    margin-left: unset;
}
h1.based{
    text-decoration: underline;
    font-weight: bold;
    color: #d3869b;
}*/

/*div.comms {
    text-align: center;
    margin: auto;
}*/

.footer div {
    text-align: center;
    margin: auto;
}

.katex-display {
    overflow-x: auto;
}

@media (max-width: 700px) {
    .eqn-num {
        visibility: collapse;
    }
}