@charset "UTF-8";
@font-face { font-family: "Cantarell"; src: url("Cantarell-Thin.woff") format("woff"); font-weight: 100 200; }

@font-face { font-family: "Cantarell"; src: url("Cantarell-Light.woff") format("woff"); font-weight: 300; }

@font-face { font-family: "Cantarell"; src: url("Cantarell-Regular.woff") format("woff"); font-weight: 400 500; }

@font-face { font-family: "Cantarell"; src: url("Cantarell-Bold.woff") format("woff"); font-weight: 600 700; }

@font-face { font-family: "Cantarell"; src: url("Cantarell-ExtraBold.woff") format("woff"); font-weight: 800 900; }

.post-list .post.picture .post-foreground ::selection, header.post-header.picture .header-foreground ::selection, body ::selection { background: var(--accent-bg-color); color: var(--accent-fg-color); }

.post-list .post .post-foreground ::selection, header.post-header .header-foreground ::selection, header.index-header ::selection { background: var(--accent-fg-color); color: var(--accent-bg-color); }

.wrapper { margin-left: auto; margin-right: auto; max-width: calc(36rem - (1.5rem * 2)); padding-left: 1.5rem; padding-right: 1.5rem; }

@media screen and (max-width: 1200px) { .wrapper { padding-left: 0.75rem; padding-right: 0.75rem; } }

figure, pre, .post-list { display: flex; flex-direction: column; row-gap: 0.75rem; }

header.index-header { background-color: var(--accent-bg-color); }

header.index-header, header.index-header a { color: var(--accent-fg-color); }

.post-list .post.picture .post-foreground, header.post-header.picture .header-foreground { background: rgba(0, 0, 0, 0.4); text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2), 0 0.3rem 1.5rem rgba(0, 0, 0, 0.2); }

body { background-color: var(--background-color); color: var(--text-color); display: flex; flex-direction: column; font: 400 18pt/1.5 Cantarell, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-kerning: normal; min-height: 100vh; -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 1200px) { body { font-size: 16pt; } }

@media screen and (max-width: 700px) { body { font-size: 14pt; } }

header.index-header, header.site-header { display: flex; font-weight: 900; line-height: 1.125em; }

header.index-header > *, header.site-header > * { flex-grow: 1; }

header.index-header .site-title, header.site-header .site-title { align-items: center; display: flex; flex-direction: row; height: 100%; justify-content: start; }

header.index-header a, header.site-header a { text-decoration: none; }

header.index-header, header.post-header { margin-bottom: 4.5rem; }

header.index-header { align-items: center; display: flex; font-size: 2.5rem; height: 100vh; justify-content: center; text-align: center; width: 100%; }

header.index-header img.avatar { border-radius: 100%; border-width: 0; display: block; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; max-width: 6em; }

header.site-header { background-color: var(--background-color); font-size: 1.875rem; min-height: 4rem; }

header.site-header, header.site-header a, header.site-header a:visited { color: var(--text-color); }

header.post-header { color: var(--accent-fg-color); min-height: calc(100vh - 4rem); position: relative; text-align: center; vertical-align: middle; }

header.post-header h1:not(:last-child) { margin-bottom: 3rem; }

header.post-header .post-meta, header.post-header .post-subtitle { font-size: 1.25rem; }

header.post-header .post-meta:not(:last-child), header.post-header .post-subtitle:not(:last-child) { margin-bottom: 0.75rem; }

header.post-header .header-foreground { display: flex; flex-direction: column; height: 100%; justify-content: center; position: absolute; width: 100%; z-index: 2; }

header.post-header .header-background { background-color: var(--accent-bg-color); background-position: center; background-size: cover; height: 100%; position: absolute; width: 100%; z-index: 1; }

footer { font-weight: 900; padding-bottom: 1.5rem; padding-top: 4.5rem; }

footer > div.wrapper { align-items: center; column-gap: 0.5em; display: flex; flex-direction: row; justify-content: space-between; row-gap: 0.75rem; }

@media screen and (max-width: 700px) { footer > div.wrapper { flex-direction: column; } }

footer, footer a, footer a:visited { color: var(--accent-color); }

footer svg { height: 1.25em; vertical-align: middle; width: 1.25em; }

footer .copyright > div, footer .contacts > div { display: inline-block; }

footer .copyright > div svg, footer .contacts > div svg { margin-bottom: 0.2em; }

footer .copyright > div:not(:first-child), footer .contacts > div:not(:first-child) { margin-left: 0.5em; }

article .post-content { display: flex; flex-direction: column; row-gap: 0.75rem; }

article em { font-style: italic; }

article strong { font-weight: 700; }

article a, article a:visited { color: var(--accent-color); font-weight: 700; text-decoration: none; }

article ul { list-style-position: outside; padding-left: 1rem; }

article ul li { padding-inline-start: 1rem; }

article ul li::marker { content: "•"; }

.post-list { list-style: none; margin-left: 0; padding-top: 3rem; }

.post-list > li:not(:last-child) { margin-bottom: 0.75rem; }

.post-list a { color: var(--accent-fg-color); text-decoration: none; }

.post-list .post { border-radius: 1rem; overflow: hidden; position: relative; transition-duration: 200ms; }

.post-list .post .post-background { background-color: var(--accent-bg-color); background-position: center; background-size: cover; height: 100%; position: absolute; width: 100%; }

.post-list .post .post-foreground { align-items: center; column-gap: 3rem; display: grid; grid-template-columns: auto max-content; padding: 1.5rem 3rem; position: relative; }

@media screen and (max-width: 1200px) { .post-list .post .post-foreground { grid-template-columns: auto; } }

@media screen and (max-width: 700px) { .post-list .post .post-foreground { padding: 1.5rem; } }

.post-list .post .post-foreground .title { font-weight: bold; }

svg { fill: currentColor; }

h1 { font-size: 1.875rem; font-weight: 900; }

h2 { font-size: 1.25rem; font-weight: 700; margin-top: 1.25rem; }

h3, h4, h5, h6 { font-weight: 700; margin-top: 1.25rem; }

.card, pre { box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1), 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.1); background-color: var(--card-bg-color); }

img { vertical-align: middle; width: 100%; }

img.emote { vertical-align: baseline; width: 1em; }

img.round-badge { border-radius: 100%; display: block; height: 12em; margin-bottom: 1.25rem; margin-left: auto; margin-right: auto; margin-top: 1.25rem; width: 12em; }

figure, pre { border-radius: calc(1.25rem * 1.25); margin: 1.25rem 2.5rem; padding: 1.25rem; text-align: center; }

figure > img, pre > img { display: block; }

@media screen and (max-width: 1200px) { figure, pre { margin-left: 1.25rem; margin-right: 1.25rem; } }

@media screen and (max-width: 700px) { figure, pre { margin-left: 0.625rem; margin-right: 0.625rem; } }

/** Syntax highlighting styles */
pre { overflow-x: auto; scrollbar-width: none; }

code { font-family: monospace; text-align: left; }

.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs { opacity: 0.55; }

.highlight .nf { color: var(--hl-function); }

.highlight .k, .highlight .kt { color: var(--hl-keyword); font-weight: bold; }

.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo, .highlight .il { color: var(--hl-litteral); }

.highlight .kc, .highlight .nb, .highlight .nc, .highlight .ni, .highlight .ne, .highlight .nn, .highlight .nl, .highlight .nt { color: var(--hl-name); }

.highlight .o, .highlight .ow { color: var(--hl-operator); font-weight: bold; }

.highlight .cp { color: var(--hl-preprocessor); }

.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss { color: var(--hl-string); }

.highlight .na, .highlight .no, .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi { color: var(--hl-variable); }

.highlight .gd { color: magenta; }

.highlight .gd .x { color: magenta; }

.highlight .ge { color: magenta; }

.highlight .gr { color: magenta; }

.highlight .gh { color: magenta; }

.highlight .gi { color: magenta; }

.highlight .gi .x { color: magenta; }

.highlight .go { color: magenta; }

.highlight .gp { color: magenta; }

.highlight .gs { color: magenta; }

.highlight .gu { color: magenta; }

.highlight .gt { color: magenta; }

.highlight .kd { color: magenta; }

.highlight .kp { color: magenta; }

.highlight .kr { color: magenta; }

.highlight .w { color: magenta; }

.highlight .bp { color: magenta; }

:root { --accent-bg-color: #26a269; --accent-color: #25996a; --accent-fg-color: #fdfdfd; --background-color: #fdfdfd; --card-bg-color: #fff; --hl-function: #4186A8; --hl-keyword: #008080; --hl-litteral: #099; --hl-name: #0077AA; --hl-operator: #C00; --hl-preprocessor: #B58900; --hl-string: #690; --hl-variable: #008080; --text-color: #111; font-size: 18pt; }

@media screen and (max-width: 1200px) { :root { font-size: 16pt; } }

@media screen and (max-width: 700px) { :root { font-size: 14pt; } }

@media (prefers-color-scheme: dark) { :root { --accent-bg-color: #1f7260; --accent-color: #80d9b9; --accent-fg-color: #fdfdfd; --background-color: #181818; --card-bg-color: #222; --text-color: #ebebeb; } }

/*# sourceMappingURL=main.css.map */