@charset "UTF-8";
:root { --accent-color: #4040E0; --accent-color-transparent: #0000E030; --accent-color-invert: #A0A040; --accent-color-transparent-invert: #A0A04030; --red-color: #C80000; --red-color-invert: #37FFFF; --badge-color: #FFFFFF; --badge-color-invert: #000000; --green-color: #00C800; --green-color-invert: #FF37FF; --gray-color: #808080; --foreground-color: #000000; --background-color: #FFFFFF; --title-color: #2a2f36; --foreground-color-dim: #2a2f36; --background-color-dim: #D0D0D0; --disabled-color: #404040; --black-color: #000000; --black-color-invert: #F0F0F0; --page-background-color: #FСFСFС; --page-background-color-invert: #D0D0D0; }

.readable-typo, .article-stress-typo, .article blockquote, .post-header-excerpt-mini blockquote, .post-header-excerpt blockquote, .article-typo, .post-header-languages, .article, .post-header-excerpt-mini, .post-header-excerpt { font-family: Muli,sans-serif; }

.header-typo, .menu, .subtitle-block, .title-block, .post-header-nav-badge, .post-header-external-badge, .post-header-highlights-badge, .post-header-opensource-badge, .post-header-active-badge, .post-header-period-badge, .post-header-title-mini, .post-header-title, .article th, .post-header-excerpt-mini th, .post-header-excerpt th, .tags-typo, .home-nav-block, .post-header-subheader, .post-header-continue { font-family: Muli,sans-serif; }

.accent-typo, .article th, .post-header-excerpt-mini th, .post-header-excerpt th { color: var(--accent-color); }

body, html { min-height: 100%; }

body[a="dark"] { filter: invert(1); }

body[a="dark"] .article img, body[a="dark"] .post-header-excerpt-mini img, body[a="dark"] .post-header-excerpt img { filter: invert(1); }

body[a="dark"] img.ioda { filter: invert(0); }

@media (prefers-color-scheme: dark) { body[a="auto"] { filter: invert(1); } body[a="auto"] .article img, body[a="auto"] .post-header-excerpt-mini img, body[a="auto"] .post-header-excerpt img { filter: invert(1); } body[a="auto"] img.ioda { filter: invert(0); } :root { --accent-color: var(--accent-color-invert); --accent-color-transparent: var(--accent-color-transparent-invert); --red-color: var(--red-color-invert); --green-color: var(--green-color-invert); --badge-color: var(--badge-color-invert); --black-color: var(--black-color-invert); --page-background-color: var(--page-background-color-invert); } }

.article-typo, .post-header-languages, .article, .post-header-excerpt-mini, .post-header-excerpt { font-size: 16px; }

.article-stress-typo, .article blockquote, .post-header-excerpt-mini blockquote, .post-header-excerpt blockquote { font-size: 16px; /* font-weight: 300; */ font-style: italic; }

.tags-typo, .home-nav-block, .post-header-subheader, .post-header-continue { color: #6c7a89; line-height: 1.6; /*font-weight: 400; */ font-size: 19px; }

.excerpt-typo, .post-header-excerpt { color: black; font-size: 120% !important; /* font-weight: 300 !important; */ }

.excerpt-typo-mini, .post-header-excerpt-mini { color: var(--foreground-color-dim); font-size: 120% !important; /* font-weight: 300 !important; */ }

.disabled-link, .nav-disabled a { color: var(--disabled-color); }

.global-link, .nav-button, .nav-next a, .nav-prev a, .post-header-subheader a, .post-header-continue, .article a, .post-header-excerpt-mini a, .post-header-excerpt a, .global-link:visited, .nav-button:visited, .nav-next a:visited, .nav-prev a:visited, .post-header-subheader a:visited, .post-header-continue:visited, .article a:visited, .post-header-excerpt-mini a:visited, .post-header-excerpt a:visited { text-decoration: none; color: var(--title-color); font-weight: 800; border-bottom: solid 2px var(--accent-color); }

.global-link-grayed, .article_gray a { text-decoration: none; color: var(--gray-color); font-weight: 800; border-bottom: solid 2px var(--accent-color-transparent); }

.global-link-black, .article_normal a { text-decoration: none; color: var(--title-color); font-weight: 800; border-bottom: solid 2px var(--accent-color); }

.global-cv-link, .cv a { text-decoration: none; color: var(--title-color); font-weight: 400; border-bottom: solid 1px var(--accent-color-transparent); }

.global-link:hover, .nav-button:hover, .nav-next a:hover, .nav-prev a:hover, .post-header-subheader a:hover, .post-header-continue:hover, .article a:hover, .post-header-excerpt-mini a:hover, .post-header-excerpt a:hover { color: var(--accent-color); border-bottom: solid 2px var(--accent-color); }

.menu-link, .menu a { color: var(--foreground-color); text-decoration: none; font-weight: 400; font-size: 18px; min-width: 48px; min-height: 48px; }

@media screen and (max-width: 1400px) { .menu-link, .menu a { font-size: 16px; } }

.menu-link:hover, .menu a:hover { text-decoration: none; border-bottom: solid 4px var(--accent-color); }

.article, .post-header-excerpt-mini, .post-header-excerpt { margin: auto; }

.article h1, .post-header-excerpt-mini h1, .post-header-excerpt h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }

.article p, .post-header-excerpt-mini p, .post-header-excerpt p { overflow-wrap: break-word; }

.article p img, .post-header-excerpt-mini p img, .post-header-excerpt p img { display: block; text-decoration: none; border-radius: 8px; max-width: 80%; margin: 50px auto; }

.article blockquote, .post-header-excerpt-mini blockquote, .post-header-excerpt blockquote { border-left: thick solid var(--foreground-color); padding: 1rem; }

.article blockquote p, .post-header-excerpt-mini blockquote p, .post-header-excerpt blockquote p { margin: 0; }

.article code, .post-header-excerpt-mini code, .post-header-excerpt code { font: monospace; background: #F8F8F8; }

.highlighter-rouge code { display: block; overflow-x: auto; padding: 1rem; }

.article table, .post-header-excerpt-mini table, .post-header-excerpt table { width: 100%; }

.article table, .post-header-excerpt-mini table, .post-header-excerpt table, td { border: thin solid black; border-collapse: collapse; padding: 0.4rem; }

.cv table, td { border: none; }

.article th, .post-header-excerpt-mini th, .post-header-excerpt th { border: medium solid var(--accent-color); border-collapse: collapse; padding: 0.4rem; }

.cv th { border: none; }

.portfolio table, th, td { border: none; }

.portfolio table { border-collapse: separate; border-spacing: 0 1em; }

.article tbody tr:nth-child(even), .post-header-excerpt-mini tbody tr:nth-child(even), .post-header-excerpt tbody tr:nth-child(even) { background: var(--background-color-dim); }

.cv tbody tr:nth-child(even) { background: var(--background-color); }

.post-header-active { border-right: solid 4px var(--accent-color); }

.post-header-title { font-size: 30px; }

.post-header-title a { text-decoration: none; color: var(--title-color) !important; }

.post-header-title-mini { font-size: 24px; }

.post-header-title-mini a { text-decoration: none; color: var(--title-color) !important; }

.post-header-period-badge { border-radius: 5px; border: 2px solid var(--accent-color); padding: 2px; background: var(--accent-color) !important; font-size: 12px; color: var(--badge-color) !important; }

.post-header-active-badge { border-radius: 5px; border: 2px solid var(--red-color); padding: 2px; background: var(--red-color) !important; font-size: 12px; color: var(--badge-color) !important; }

.post-header-opensource-badge { border-radius: 5px; border: 2px solid var(--black-color); padding: 2px; background: var(--black-color) !important; font-size: 12px; color: var(--badge-color) !important; }

.post-header-highlights-badge { border-radius: 5px; border: 2px solid var(--green-color); padding: 2px; background: var(--green-color) !important; font-size: 12px; color: var(--badge-color) !important; }

.post-header-external-badge { border-radius: 5px; border: 2px solid var(--gray-color); padding: 2px; background: var(--gray-color) !important; font-size: 12px; color: var(--badge-color) !important; }

.post-header-title a:hover { color: var(--title-color) !important; border-bottom: solid 4px var(--accent-color); }

.post-header-title-mini a:hover { color: var(--title-color) !important; border-bottom: solid 4px var(--accent-color); }

.post-header-subheader { list-style: none; margin-top: 0; padding-left: 0; }

.post-header-subheader li { display: inline; margin-right: .5em; white-space: nowrap; }

.post-footer { padding-top: 8em; }

.post-header-languages { color: var(--title-color) !important; }

.post-header-nav-badge { border-radius: 5px; border: 2px solid var(--accent-color); padding: 2px; background: var(--accent-color) !important; font-size: 12px; color: var(--background-color) !important; }

.title-block { font-size: 28px; overflow: hidden; }

.subtitle-block { margin-top: -20px; font-size: 16pt; }

@media screen and (max-width: 800px) { .title-block { font-size: 16px; } .subtitle-block { font-size: 10px; } }

@media screen and (max-width: 1400px) { .title-block { font-size: 18px; } .subtitle-block { font-size: 12px; } }

.icon-block { float: right; text-decoration: none; display: inline; margin-left: 50px; }

.icon-block a { text-decoration: none; }

.icon { padding: 8px; display: inline; height: 0.8em; filter: grayscale(1) contrast(80); }

.icon img { width: 100%; object-fit: cover; }

.icon:hover { filter: opacity(0.5) grayscale(1) contrast(80); }

.menu { list-style: none; padding-left: 0; }

.menu li { display: inline; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 1em; }

.home-nav-block { text-align: center; white-space: nowrap; }

.nav-prev { float: left; }

.nav-next { float: right; }

html, body { background: var(--page-background-color); margin: 0; }

html { height: 100%; }

.page-content-main { max-width: 1024px; margin: 0 auto; padding: 4rem 2rem; }

/* 
body {
  color: #4d4b57;
  font-family: Muli,serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  min-height: 100%;
  overflow-wrap: break-word;
}

.post-meta { text-align: right; }

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.2em;
}
h2 {
  font-size: 1.0em;
}
h2, h3, h4, h5, h6 { margin-top: 3rem; }

hr { margin: 2rem 0; }

.article p {
  margin: 1rem 0;
  color: #4d4b57;
  font-weight: 400;
}

li { margin: 0.4rem 0; }

*:target { background: yellow; }

hr {
  text-align: center;
  border: 0;

  &:before { content: '/////' }
  &:after { content: attr(data-content) '/////' }
}

.project_entry {
  color: black;
  font-color: gray;
  list-style: none;
  margin-top: 0;
  padding-left: 0;

  li {
    display: inline;
  }
}

.project_entry_active {
  color: red;
}


*/

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