@font-face {
    font-family: "inter-regular";
    src: url("font/inter/Inter-Regular.ttf") format("truetype");
    font-feature-settings: 'ss03' 1, 'cv05' 1, 'cv08' 1, 'zero' 1, 'tnum' 1;
}

@font-face {
    font-family: "inter-bold";
    src: url("font/inter/Inter-Bold.ttf") format("truetype");
    font-feature-settings: 'ss03' 1, 'cv05' 1, 'cv08' 1, 'zero' 1, 'tnum' 0;
}

@font-face {
    font-family: "inconsolata";
    src: url("font/inconsolata-g/inconsolata-g.ttf") format("truetype");
}

@media (max-width: 34rem) {
    body {
        font-size: 18px !important;
    }
    code, pre {
        font-size: 18px !important;
    }
    .pagecontent {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    ul {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        overflow-y: scroll !important;
        box-sizing: border-box !important;
    }
    pre {
        overflow-y: scroll !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

body {
    font-size: 18px;
    background: #fffdf8;
    font-family: "inter-regular", sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: "inter-bold", sans-serif;
}

code, pre {
    font-family: "inconsolata", monospace;
    font-size: 18px;
}

p > code {
    background-color: #fff9ec;
}

p {
    text-align: justify;
}

pre {
    position: relative;
    max-width: fit-content;
    padding-left: 1.0em;
    padding-right: 0.5em;
    margin-left: 1em;
    margin-right: -50vw;
    font-size: 18px;
}

a {
    color: #232B2B;
}

.pagecontent {
    max-width: 45em;
    margin: 0 auto 50% auto;
}

.header {
    display: table;
    width: 100%;
}

.header h3 {
    text-align: right;
    color: #414A4C;
    display: table-cell;
    padding-right: 1em;
}

.header a {
    display: table-cell;
    color: #414A4C;
    font-size: 15px;
    padding-left: 1em;
}

hr {
    background-color: #B6B6B4;
    height: 1px;
    border: 0;
}