html, body {
font-family: monospace;
@media (prefers-color-scheme: dark) {
background: #1b1b1b;
color: #e1ebe1;
}
}
body {
margin-bottom: 50px;
}
pre {
padding: 1em;
width: fit-content;
}
p code {
padding: 0.1em 0.4em;
}
pre, p code {
border-radius: 0.3em;
border: 1px solid #3b404b;
}
p code {
border-color: #3b404b10;
border-radius: 0;
@media (prefers-color-scheme: dark) {
border-color: #c4bfb415;
}
}
pre.language-txt {
width: calc(100% - 2.3em);
height: 100%;
}
.warn {
border: 1px solid goldenrod;
border-radius: 0.5em;
padding: 1em;
width: fit-content;
display: flex;
flex-direction: row;
justify-items: center;
align-items: center;
height: 100%;
.icon {
display: block;
content: '';
background-image: url('/warn.png');
width: 16px; height: 16px;
margin-right: 0.8em;
}
p {
padding: 0; margin: 0;
}
@media (prefers-color-scheme: dark) {
border-color: #885600;
}
}
@media (prefers-color-scheme: dark) {
a {
color: #3391ff
}
}