body {
    background-color: #323545;
    color: #ffffff;
    margin: 0;
}

@font-face {
    font-family: 'IBMPlexSerif-Medium';
    src: url('/fonts/IBMPlexSerif-Medium.ttf');
}

@font-face {
    font-family: 'IBMPlexSans-Regular';
    src: url('/fonts/IBMPlexSans-Regular.ttf');
}

@font-face {
    font-family: 'IBMPlexMono-Medium';
    src: url('/fonts/IBMPlexMono-Regular.ttf');
}

@font-face {
    font-family: 'STIX-Two-Math';
    src: url('/fonts/STIXTwoMath-Regular.otf') format('opentype');
}

h1, h2, h3, h4, h5, h6 {
    font-family: IBMPlexSerif-Medium;
    font-weight: normal;
    margin-bottom: 0;
}

h1 {
    margin-block-start: 0;
}

body {
    font-family: IBMPlexSans-Regular;
    font-weight: normal;
}

p {
    margin-block-start: 0.5em;
    margin-block-end: 1em;
}

tt, code, pre {
    font-family: IBMPlexMono-Medium;
}

pre {
    padding: 1ex;
    overflow-x: auto;
}

a {
    color: #6883ba;
}

th math {
    font-weight: bold;
}

math {
    font-family: STIX-Two-Math;
    font-size: larger;
}

math[display="block"] {
    overflow-x: auto;
    overflow-y: clip;
}

img[src="/images/giles-2024.jpg"] {
    float: right;
    margin: 0 0 10px 20px;
    max-width: 200px;
}