.highlight::after { text-align: right; font-size: 0.8em; color: var(--grey-outline); display: block; margin-top: -1em; padding: 0 1em 0.5em; font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.language-bash > .highlight::after { content: "Bash"; }

.language-brainfuck > .highlight::after { content: "Brainfuck"; }

.language-python > .highlight::after { content: "Python"; }

.admonition { border-bottom-width: 2px; background-color: #eee; border-radius: 6px; padding: 0.625rem 0.75rem; }
.admonition > *:last-child { margin-bottom: 0; }
@media print { .admonition { break-inside: avoid-page; } }
.admonition.admonition-type-note { border-color: #737373; background-color: #f3f3f3; }
@media (prefers-color-scheme: dark) { .admonition.admonition-type-note { border-color: gray; background-color: #52525280; } }
.admonition.admonition-type-tip { border-color: #11b811; background-color: #e2f3e2; }
@media (prefers-color-scheme: dark) { .admonition.admonition-type-tip { border-color: #13dd13; background-color: #14532d80; } }
.admonition.admonition-type-info { border-color: #0693ca; background-color: #eef9fc; }
@media (prefers-color-scheme: dark) { .admonition.admonition-type-info { border-color: #07aff1; background-color: #0c4a6e80; } }
.admonition.admonition-type-warning { border-color: #cd6005; background-color: #ffedd5c0; }
@media (prefers-color-scheme: dark) { .admonition.admonition-type-warning { border-color: #ff7701; background-color: #6a3103; } }
.admonition.admonition-type-danger { border-color: #b60738; background-color: #ffebec; }
@media (prefers-color-scheme: dark) { .admonition.admonition-type-danger { border-color: #e40246; background-color: #6e0523; } }

.admonition-title { font-weight: bold !important; margin-bottom: 10px; color: var(--admonition-title-color); }
.admonition-type-note .admonition-title { --admonition-title-color: #474747; }
@media (prefers-color-scheme: dark) { .admonition-type-note .admonition-title { --admonition-title-color: #a3a3a3; } }
.admonition-type-tip .admonition-title { --admonition-title-color: #052e16; }
@media (prefers-color-scheme: dark) { .admonition-type-tip .admonition-title { --admonition-title-color: #22c55e; } }
.admonition-type-info .admonition-title { --admonition-title-color: #082f49; }
@media (prefers-color-scheme: dark) { .admonition-type-info .admonition-title { --admonition-title-color: #0ea5e9; } }
.admonition-type-warning .admonition-title { --admonition-title-color: #4d3800; }
@media (prefers-color-scheme: dark) { .admonition-type-warning .admonition-title { --admonition-title-color: #fdba74; } }
.admonition-type-danger .admonition-title { --admonition-title-color: #450a0a; }
@media (prefers-color-scheme: dark) { .admonition-type-danger .admonition-title { --admonition-title-color: #f87171; } }

.admonition-title::before { display: inline-block; margin-right: 6px; content: ""; background-color: var(--admonition-title-color); -webkit-mask: var(--svg) no-repeat 50% 50%; mask: var(--svg) no-repeat 50% 50%; width: 1em; height: 1em; vertical-align: -0.125em; }
.admonition-type-note .admonition-title::before { --svg: url(https://api.iconify.design/heroicons/bookmark-20-solid.svg); }
.admonition-type-tip .admonition-title::before { --svg: url(https://api.iconify.design/heroicons/light-bulb-20-solid.svg); }
.admonition-type-info .admonition-title::before { --svg: url(https://api.iconify.design/heroicons/document-text-solid.svg); }
.admonition-type-warning .admonition-title::before { --svg: url(https://api.iconify.design/heroicons/exclamation-triangle-solid.svg); }
.admonition-type-danger .admonition-title::before { --svg: url(https://api.iconify.design/heroicons/fire-20-solid.svg); }

.post-author { color: var(--dark-grey-text); }

article code { font-size: 0.8em; }
article h1:hover::before, article h2:hover::before, article h3:hover::before { content: "#"; color: var(--grey-outline); position: absolute; left: -1.5ch; }

:root { --header-height: 4rem; --footer-height: 102px; --animation-duration: 0.1s; font-size: 1.0625rem; }

.site-header { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0); transition: box-shadow var(--animation-duration) ease-in-out; }

/* Note the ordering so that the shadow can override the default unshadowed style */
.shadow { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }

@media (prefers-color-scheme: dark) { img { filter: brightness(0.85) contrast(1.1); } }
body { background: #ffffff; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.posts-element { border: 2px solid var(--grey-outline); border-radius: 8px; padding: 1em 1.1em; }

.posts-element { display: flex; transition: background-color var(--animation-duration) linear; }

.posts-element img { max-width: 25%; border-radius: 0.3em; aspect-ratio: 3/2; object-fit: cover; }

.posts-element:hover { background-color: var(--light-grey); cursor: pointer; }

.posts-element h2 { margin: 0 0 0.5em; font-size: 1.3em; }

.posts-container { display: grid; grid-gap: 1rem; }

.posts-container { grid-template-columns: minmax(0, 1fr); }