@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: #24292e;
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    padding: 20px;
    word-wrap: break-word;
    max-width: 700px;
}

pre {
    overflow-y: auto;
    padding-right: 10px;
    background-color: #2d353c;
    color: #efefef;
    padding: 16px;
    border-radius: 4px;
}

pre code {
    all: unset;
}

code {
    word-wrap: break-word;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 4px;
    background: #2d353c;
}

.mb {
    margin-bottom: 10px;
}

a {
    color: #70a8e8;
}

a:hover {
    color: #bbd2ef;
}

a:visited {
    color: #a070ff;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    display: block;
    overflow-x: auto;
}

th,
td {
    border: 1px solid #2e353c;
    padding: 8px 12px;
    text-align: left;
}

.is-warning {
    background: #FFEB3B;
    color: #000;
}

.notification {
    padding: 16px;
    border-radius: 4px;
}

img {
    max-width: 100%;
    height: auto;
}