:root {
    --phone: (max-width: 684px);
    --tablet: (max-width: 900px)
}

button,
.button {
    align-items: center;
    border-radius: 8px;
    border: 1px solid;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    padding: 8px 16px;
    text-align: center
}

button,
.button {
    background: #dbdbf0;
    border-color: blue
}

button:hover,
.button:hover {
    background: rgba(219, 219, 240, 0.4);
    text-decoration: none
}

@media print {

    button,
    .button {
        background: #dbdbf0;
        border-color: blue
    }

    button:hover,
    .button:hover {
        background: rgba(219, 219, 240, 0.4);
        text-decoration: none
    }
}

.theme--dark button,
.theme--dark .button {
    background: #33334d;
    border-color: blue
}

.theme--dark button:hover,
.theme--dark .button:hover {
    background: rgba(51, 51, 77, 0.4);
    text-decoration: none
}

@media print {

    button,
    .button {
        display: none
    }
}

button:active,
.button:active {
    transform: scale(0.95);
    transition: transform 0.2s ease
}

button.outline,
button.transparent,
.button.outline,
.button.transparent {
    font-weight: 400;
    background: none
}

button.outline,
button.transparent,
.button.outline,
.button.transparent {
    color: #2525a7
}

button.outline:hover,
button.transparent:hover,
.button.outline:hover,
.button.transparent:hover {
    background: rgba(219, 219, 240, 0.9)
}

@media print {

    button.outline,
    button.transparent,
    .button.outline,
    .button.transparent {
        color: #2525a7
    }

    button.outline:hover,
    button.transparent:hover,
    .button.outline:hover,
    .button.transparent:hover {
        background: rgba(219, 219, 240, 0.9)
    }
}

.theme--dark button.outline,
.theme--dark button.transparent,
.theme--dark .button.outline,
.theme--dark .button.transparent {
    color: #ebebff
}

.theme--dark button.outline:hover,
.theme--dark button.transparent:hover,
.theme--dark .button.outline:hover,
.theme--dark .button.transparent:hover {
    background: rgba(51, 51, 77, 0.9)
}

button.transparent,
.button.transparent {
    border: none
}

button.outline.brighter,
.button.outline.brighter {
    border-color: #dcdcf0
}

@media print {

    button.outline.brighter,
    .button.outline.brighter {
        border-color: #dcdcf0
    }
}

.theme--dark button.outline.brighter,
.theme--dark .button.outline.brighter {
    border-color: #393956
}

button.right,
.button.right {
    justify-content: flex-end
}

button .label,
.button .label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

button .icon,
.button .icon {
    margin-right: 4px
}

button .icon.right,
.button .icon.right {
    margin: 0 0 0 4px
}

@media print {
    a.button {
        display: initial;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.buttons {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 8px
}

@media (max-width: 684px) {
    .buttons {
        flex-direction: column;
        row-gap: 8px
    }
}

.buttons.fill button,
.buttons.fill .button {
    flex: 1 0 0
}

@media (max-width: 684px) {

    .buttons.fill button,
    .buttons.fill .button {
        width: 100%;
        justify-content: center
    }
}

.gitinfo,
.breadcrumbs {
    font-size: .875rem;
    font-style: italic
}

.breadcrumbs {
    width: fit-content;
    border-bottom: 1px solid
}

.breadcrumbs {
    border-color: blue
}

@media print {
    .breadcrumbs {
        border-color: blue
    }
}

.theme--dark .breadcrumbs {
    border-color: blue
}

.gitinfo {
    margin: 16px 0;
    border-top: 1px solid
}

.gitinfo {
    color: #37373c;
    border-color: blue
}

@media print {
    .gitinfo {
        color: #37373c;
        border-color: blue
    }
}

.theme--dark .gitinfo {
    color: #b0b0bf;
    border-color: blue
}

@media print {
    .gitinfo {
        margin: 0
    }

    .gitinfo a::after {
        display: none
    }

    .gitinfo p {
        margin: 8px 0 0 0;
        font-size: .875rem
    }
}

.theme-toggle {
    cursor: pointer;
    padding: 0
}

.theme-toggler {
    fill: currentcolor
}

.navbar {
    display: block;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between
}

.navbar__first {
    font-weight: 500;
    display: block
}

.navbar__separator {
    flex-grow: 1;
    border-top: 2px dotted
}

.navbar__separator {
    border-color: blue
}

@media print {
    .navbar__separator {
        border-color: blue
    }
}

.theme--dark .navbar__separator {
    border-color: blue
}

.navbar__last {
    display: block
}

.navbar__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.navbar__list>li {
    flex: 0 0 auto;
    padding-left: 8px;
    display: flex;
    justify-content: center
}

.navbar__list.borders>li {
    padding: 4px 8px;
    border: 2px dotted;
    margin-right: -2px;
    width: 33%;
}

.navbar__list.borders>li {
    border-color: blue
}

@media print {
    .navbar__list.borders>li {
        border-color: blue
    }
}

.theme--dark .navbar__list.borders>li {
    border-color: blue
}

.site-header .navbar {
    margin-bottom: 32px;
    font-size: 1.125rem
}

@media print {
    .site-header {
        display: none
    }
}

.menu {
    display: flex;
    flex-direction: column;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-trigger {
    margin-right: 0;
    user-select: none;
    cursor: pointer
}

.menu-trigger {
    color: blue
}

@media print {
    .menu-trigger {
        color: blue
    }
}

.theme--dark .menu-trigger {
    color: blue
}

.menu-dropdown {
    display: none;
    flex-direction: column;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 8px;
    left: 0;
    list-style: none;
    z-index: 99
}

.menu-dropdown {
    background: #ededf7;
    box-shadow: 0 8px rgba(237, 237, 247, 0.8), -8px 8px rgba(237, 237, 247, 0.8), 8px 8px rgba(237, 237, 247, 0.8)
}

@media print {
    .menu-dropdown {
        background: #ededf7;
        box-shadow: 0 8px rgba(237, 237, 247, 0.8), -8px 8px rgba(237, 237, 247, 0.8), 8px 8px rgba(237, 237, 247, 0.8)
    }
}

.theme--dark .menu-dropdown {
    background: #14141f;
    box-shadow: 0 8px rgba(20, 20, 31, 0.8), -8px 8px rgba(20, 20, 31, 0.8), 8px 8px rgba(20, 20, 31, 0.8)
}

.open .menu-dropdown {
    display: flex
}

.menu-dropdown>li {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 2px dotted
}

.menu-dropdown>li {
    border-color: blue
}

@media print {
    .menu-dropdown>li {
        border-color: blue
    }
}

.theme--dark .menu-dropdown>li {
    border-color: blue
}

.menu-dropdown>li a {
    display: flex;
    text-decoration: none
}

.menu-dropdown>li a:hover {
    text-decoration: underline
}

@media (max-width: 684px) {
    .menu--desktop {
        display: none
    }
}

.menu--mobile .menu-trigger {
    font-weight: 700;
    padding: 4px 8px;
    height: 100%;
    margin-bottom: 0 !important;
    position: relative;
    cursor: pointer;
    border: 2px dotted;
    display: none
}

.menu--mobile .menu-trigger {
    color: #262659;
    background: #ededf7;
    border-color: blue
}

@media print {
    .menu--mobile .menu-trigger {
        color: #262659;
        background: #ededf7;
        border-color: blue
    }
}

.theme--dark .menu--mobile .menu-trigger {
    color: #ccf;
    background: #14141f;
    border-color: blue
}

@media (max-width: 684px) {
    .menu--mobile .menu-trigger {
        display: block
    }
}

@media (max-width: 684px) {
    .menu--mobile .menu-dropdown {
        left: auto;
        right: 0
    }
}

.menu--mobile li {
    flex: 0 0 auto;
    margin-bottom: -2px
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    font-family: "Fira Sans", arial, helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.54;
    letter-spacing: -0.02em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga", "tnum", "zero", "ss01", "locl";
    font-variant-ligatures: contextual;
    -webkit-overflow-scrolling: touch;
    text-size-adjust: 100%
}

@media print {
    @page {
        size: a4 portrait;
        margin: 0.5in
    }
}

.theme-container {
    background: #ededf7;
    color: #262659
}

@media print {
    .theme-container {
        background: #ededf7;
        color: #262659
    }
}

.theme--dark .theme-container {
    background: #14141f;
    color: #ccf
}

@media print {
    .theme-container {
        background: white !important;
        color: black !important
    }
}

.site-main {
    margin: 0;
    padding: 0;
    word-break: break-all;
    word-wrap: break-word;
    overflow-x: hidden
}

.hanchor {
    float: right;
    margin-right: -24px
}

.hanchor::after {
    content: "#";
    visibility: hidden
}

.hanchor {
    color: #4d4dff
}

@media print {
    .hanchor {
        color: #4d4dff
    }
}

.theme--dark .hanchor {
    color: #99f
}

@media print {
    .hanchor {
        display: none
    }
}

h1,
h2,
h3 {
    border-color: blue
}

@media print {

    h1,
    h2,
    h3 {
        border-color: blue
    }
}

.theme--dark h1,
.theme--dark h2,
.theme--dark h3 {
    border-color: blue
}

h1 {
    font-size: 2rem;
    border-bottom: 2px dotted
}

h2 {
    font-size: 1.6rem;
    border-bottom: 1px solid
}

h3 {
    font-size: 1.25rem;
    border-bottom: 1px dashed
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Slab", "Times New Roman", garamond, serif;
    font-weight: 500;
    margin: 32px 0 16px 0;
    width: fit-content
}

@media print {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        break-after: avoid-page;
        margin: 8px 0
    }
}

h1>a.hanchor,
h2>a.hanchor,
h3>a.hanchor,
h4>a.hanchor,
h5>a.hanchor,
h6>a.hanchor {
    text-decoration: none
}

h1>a.hanchor:focus::after,
h2>a.hanchor:focus::after,
h3>a.hanchor:focus::after,
h4>a.hanchor:focus::after,
h5>a.hanchor:focus::after,
h6>a.hanchor:focus::after {
    visibility: visible
}

h1:hover>a.hanchor::after,
h2:hover>a.hanchor::after,
h3:hover>a.hanchor::after,
h4:hover>a.hanchor::after,
h5:hover>a.hanchor::after,
h6:hover>a.hanchor::after {
    visibility: visible
}

@media print {
    h1 {
        margin-top: 0
    }
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a {
    color: #063
}

@media print {
    a {
        color: #063
    }
}

.theme--dark a {
    color: #0c6
}

@media print {
    a::after {
        margin-left: 4px;
        content: "(" attr(href) ")";
        text-decoration: underline;
        font-style: italic
    }

    a::after {
        color: #262659
    }
}

@media print {
    a::after {
        color: #262659
    }
}

@media print {
    .theme--dark a::after {
        color: #ccf
    }
}

p {
    margin: 16px 0
}

code {
    font-family: "Ubuntu Mono", monaco, consolas, monospace;
    border-radius: 2px;
    padding: 2px 4px
}

code {
    color: #8c3800;
    background: #f8f8fc
}

@media print {
    code {
        color: #8c3800;
        background: #f8f8fc
    }
}

.theme--dark code {
    color: #ffab73;
    background: #393956
}

img {
    max-width: 100%
}

img.left {
    margin-right: auto
}

img.center {
    margin-left: auto;
    margin-right: auto
}

img.right {
    margin-left: auto
}

figure {
    display: table;
    max-width: 100%;
    margin: 24px 0
}

figure.left {
    margin-right: auto
}

figure.center {
    margin-left: auto;
    margin-right: auto
}

figure.right {
    margin-left: auto
}

figure figcaption {
    font-size: .875rem;
    padding: 4px 8px;
    margin-top: 4px;
    opacity: 0.8
}

figure figcaption.left {
    text-align: left
}

figure figcaption.center {
    text-align: center
}

figure figcaption.right {
    text-align: right
}

figure figcaption {
    background: blue;
    color: #ededf7
}

@media print {
    figure figcaption {
        background: blue;
        color: #ededf7
    }
}

.theme--dark figure figcaption {
    background: blue;
    color: #14141f
}

blockquote {
    border-left: 4px solid;
    margin: 24px 0;
    padding: 16px 16px 16px 24px;
    font-style: italic
}

blockquote {
    color: #2525a7;
    background: #e6e6f4;
    border-color: blue
}

@media print {
    blockquote {
        color: #2525a7;
        background: #e6e6f4;
        border-color: blue
    }
}

.theme--dark blockquote {
    color: #ebebff;
    background: #1f1f2e;
    border-color: blue
}

@media print {
    blockquote {
        margin: 24px 0
    }
}

blockquote p {
    position: relative
}

blockquote p:first-of-type {
    margin-top: 0
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote p:first-of-type::before {
    content: ">";
    display: block;
    position: absolute;
    left: -24px;
    padding: 4px
}

table {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    margin: 24px 0
}

table,
th,
td {
    border: 1px dashed;
    padding: 4px
}

table,
th,
td {
    border-color: blue
}

@media print {

    table,
    th,
    td {
        border-color: blue
    }
}

.theme--dark table,
.theme--dark th,
.theme--dark td {
    border-color: blue
}

@media print {

    table,
    th,
    td {
        padding: 4px
    }
}

th {
    font-weight: 500
}

th {
    color: #2525a7;
    background: #dcdcf0
}

@media print {
    th {
        color: #2525a7;
        background: #dcdcf0
    }
}

.theme--dark th {
    color: #ebebff;
    background: #393956
}

td {
    font-size: .875rem
}

ul,
ol {
    margin: 0 0 16px 24px;
    padding: 0
}

@media print {

    ul,
    ol {
        margin-bottom: 0
    }
}

ul li,
ol li {
    position: relative
}

@media print {

    ul li,
    ol li {
        break-inside: avoid-page
    }

    ul li>p,
    ol li>p {
        margin: 0 0 4px 0
    }
}

ol {
    list-style: none;
    counter-reset: li
}

ol li {
    counter-increment: li
}

ol li::before {
    content: counter(li);
    position: absolute;
    right: calc(100% + 10px);
    display: inline-block;
    text-align: right
}

ol li::before {
    color: "accent"
}

@media print {
    ol li::before {
        color: "accent"
    }
}

.theme--dark ol li::before {
    color: "accent"
}

ol ol {
    margin-left: 24px
}

ol ol li {
    counter-increment: li
}

ol ol li::before {
    content: counters(li, ".") " "
}

li ol,
li ul {
    margin: 0 0 0 24px
}

hr {
    width: 100%;
    border: none;
    height: 1px
}

hr {
    background: blue
}

@media print {
    hr {
        background: blue
    }
}

.theme--dark hr {
    background: blue
}

@media print {
    hr {
        margin: 0
    }
}

.container {
    display: flex;
    flex-direction: column;
    padding: 16px;
    max-width: 864px;
    min-height: 100vh
}

.container.full,
.container.center {
    border: none;
    margin: 0 auto
}

.container.full {
    max-width: 100%
}

@media print {
    .container {
        display: initial;
        padding: 0
    }
}

.content {
    display: flex;
    flex-direction: column
}

@media print {
    .content {
        display: initial
    }
}

.hide {
    display: none
}

.row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between
}

.row.start {
    gap: 8px;
    justify-content: flex-start
}

.col {
    display: flex;
    flex-flow: column wrap
}

.row.lead,
.col.lead {
    font-weight: 500;
    font-size: 1.125rem
}

.row.bold,
.col.bold {
    font-weight: 500
}

.row.sub,
.col.sub {
    font-weight: 300;
    font-style: italic
}

.cv-title {
    display: block;
    border: none;
    margin: 0 0 4px 0
}

.cv-contacts {
    display: block;
    text-align: end;
    margin: 0 0 4px 0
}

.cv-description {
    font-style: italic;
    font-size: .875rem;
    margin: 4px 0
}

.cv-experience {
    margin: 8px 0;
    border-bottom: none
}

@media print {
    .cv-experience {
        break-after: avoid-page;
        break-inside: avoid-page
    }
}

.cv-content h2 {
    font-size: 1.125rem;
    width: 100%
}

.cv-content h2 .hanchor {
    display: none
}

@media print {
    .cv-content * {
        margin-top: 2px;
        margin-bottom: 0;
        line-height: 1.2
    }
}

.post {
    width: 100%;
    text-align: left;
    margin: 16px 0
}

@media print {
    .post {
        margin: 0 0 24px 0
    }
}

.post-entries .item {
    padding-bottom: 8px;
    margin-bottom: 24px
}

.post-entries .item p {
    margin: 0
}

.post-entries .item h2,
.post-entries .item h3 {
    border-style: none;
    margin: 0;
    padding: 0
}

.post-header {
    margin: 16px 0
}

@media print {
    .post-header {
        margin: 0
    }
}

.post-title {
    position: relative;
    border-bottom: 4px dotted;
    width: 100%;
    padding-bottom: 4px
}

.post-title {
    border-color: blue
}

@media print {
    .post-title {
        border-color: blue
    }
}

.theme--dark .post-title {
    border-color: blue
}

.post-title::after {
    content: "";
    position: absolute;
    bottom: 2px;
    display: block;
    width: 100%;
    border-bottom: 4px dotted
}

.post-title::after {
    border-color: blue
}

@media print {
    .post-title::after {
        border-color: blue
    }
}

.theme--dark .post-title::after {
    border-color: blue
}

.post-title a {
    text-decoration: none
}

@media print {
    .post-title a::after {
        display: none
    }
}

.post-meta,
.post-tags {
    font-style: italic;
    font-size: .875rem;
    margin: 8px 0
}

.post-meta,
.post-tags {
    color: #4d4dff
}

@media print {

    .post-meta,
    .post-tags {
        color: #4d4dff
    }
}

.theme--dark .post-meta,
.theme--dark .post-tags {
    color: #99f
}

@media print {

    .post-meta a::after,
    .post-tags a::after {
        display: none
    }
}

.post-description {
    font-size: 1.125rem;
    font-weight: 300
}

.post-description {
    color: #2525a7
}

@media print {
    .post-description {
        color: #2525a7
    }
}

.theme--dark .post-description {
    color: #ebebff
}

.post-toc {
    margin: 16px 0
}

@media print {
    .post-toc {
        display: none
    }
}

.post-toc ul,
.post-toc ol {
    margin-bottom: 0
}

.post-cover {
    border: 24px solid "accent";
    background: transparent;
    margin: 48px 0;
    padding: 24px
}

@media (max-width: 684px) {
    .post-cover {
        padding: 8px;
        border-width: 8px
    }
}

.post-footer {
    margin: 48px 0
}

@media print {
    .post-footer {
        margin: 8px 0 0 0
    }
}

.post-support {
    font-style: italic;
    margin: 16px 0;
    border-top: 1px solid
}

.post-support {
    border-color: blue
}

@media print {
    .post-support {
        border-color: blue
    }
}

.theme--dark .post-support {
    border-color: blue
}

@media print {
    .post-support {
        margin: 24px 0
    }
}

.pagination {
    margin: 48px 0
}

@media print {
    .pagination {
        display: none
    }
}

.pagination-title {
    display: flex;
    text-align: center;
    position: relative;
    margin: 24px 0
}

.pagination-title-h {
    text-align: center;
    margin: 0 auto;
    padding: 4px 16px;
    font-size: smaller;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    z-index: 1
}

.pagination-title-h {
    background: #ededf7;
    color: rgba(38, 38, 89, 0.6)
}

@media print {
    .pagination-title-h {
        background: #ededf7;
        color: rgba(38, 38, 89, 0.6)
    }
}

.theme--dark .pagination-title-h {
    background: #14141f;
    color: rgba(204, 204, 255, 0.6)
}

.pagination-title hr {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 16px;
    z-index: 0
}

.site-footer {
    margin-top: 32px;
    border-top: 1px solid
}

.site-footer {
    border-color: blue;
    color: #37373c
}

@media print {
    .site-footer {
        border-color: blue;
        color: #37373c
    }
}

.theme--dark .site-footer {
    border-color: blue;
    color: #b0b0bf
}

@media print {
    .site-footer {
        display: none
    }
}

.themeinfo,
.buildinfo {
    font-size: .875rem;
    margin: 8px 0
}

.copyright {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0
}

.copyright>p {
    margin: 0
}

.copyright .navbar__list>li {
    border: none
}

.chroma .ln {
    white-space: pre;
    user-select: none;
    padding: 0 0.4em;
    color: #7f7f7f
}

.chroma .cl {
    padding: 0 0.4em
}

.chroma .line {
    display: flex
}

.chroma .ge {
    font-style: italic
}

.chroma .gs {
    font-weight: 500
}

.chroma .err {
    color: #960050;
    background-color: #1e0010
}

.chroma .hl {
    background-color: #ffc
}

.bg,
.chroma {
    color: #272822;
    background-color: #fafafa
}

@media print {

    .bg,
    .chroma {
        color: #272822;
        background-color: #fafafa
    }
}

.theme--dark .bg,
.theme--dark .chroma {
    color: #f8f8f2;
    background-color: #272822
}

.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kp,
.chroma .kr,
.chroma .kt,
.chroma .no {
    color: #00a8c8
}

@media print {

    .chroma .k,
    .chroma .kc,
    .chroma .kd,
    .chroma .kp,
    .chroma .kr,
    .chroma .kt,
    .chroma .no {
        color: #00a8c8
    }
}

.theme--dark .chroma .k,
.theme--dark .chroma .kc,
.theme--dark .chroma .kd,
.theme--dark .chroma .kp,
.theme--dark .chroma .kr,
.theme--dark .chroma .kt,
.theme--dark .chroma .no {
    color: #66d9ef
}

.chroma .kn,
.chroma .nt,
.chroma .o,
.chroma .ow,
.chroma .gd {
    color: #f92672
}

.chroma .n {
    color: #111
}

@media print {
    .chroma .n {
        color: #111
    }
}

.theme--dark .chroma .n {
    color: #f8f8f2
}

.chroma .na,
.chroma .nc,
.chroma .nd,
.chroma .ne,
.chroma .nf,
.chroma .nx,
.chroma .gi {
    color: #75af00
}

@media print {

    .chroma .na,
    .chroma .nc,
    .chroma .nd,
    .chroma .ne,
    .chroma .nf,
    .chroma .nx,
    .chroma .gi {
        color: #75af00
    }
}

.theme--dark .chroma .na,
.theme--dark .chroma .nc,
.theme--dark .chroma .nd,
.theme--dark .chroma .ne,
.theme--dark .chroma .nf,
.theme--dark .chroma .nx,
.theme--dark .chroma .gi {
    color: #a6e22e
}

.chroma .ld,
.chroma .s,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .dl,
.chroma .sd,
.chroma .s2,
.chroma .sh,
.chroma .si,
.chroma .sx,
.chroma .sr,
.chroma .s1,
.chroma .ss {
    color: #d88200
}

@media print {

    .chroma .ld,
    .chroma .s,
    .chroma .sa,
    .chroma .sb,
    .chroma .sc,
    .chroma .dl,
    .chroma .sd,
    .chroma .s2,
    .chroma .sh,
    .chroma .si,
    .chroma .sx,
    .chroma .sr,
    .chroma .s1,
    .chroma .ss {
        color: #d88200
    }
}

.theme--dark .chroma .ld,
.theme--dark .chroma .s,
.theme--dark .chroma .sa,
.theme--dark .chroma .sb,
.theme--dark .chroma .sc,
.theme--dark .chroma .dl,
.theme--dark .chroma .sd,
.theme--dark .chroma .s2,
.theme--dark .chroma .sh,
.theme--dark .chroma .si,
.theme--dark .chroma .sx,
.theme--dark .chroma .sr,
.theme--dark .chroma .s1,
.theme--dark .chroma .ss {
    color: #e6db74
}

.chroma .l,
.chroma .se,
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .il,
.chroma .mo {
    color: #ae81ff
}

.chroma .c,
.chroma .ch,
.chroma .cm,
.chroma .c1,
.chroma .cs,
.chroma .cp,
.chroma .cpf,
.chroma .gu {
    color: #75715e
}

div.highlight-wrapper {
    margin: 24px 0;
    border-radius: 2px;
    border: 1px solid
}

div.highlight-wrapper {
    border-color: #dcdcf0
}

@media print {
    div.highlight-wrapper {
        border-color: #dcdcf0
    }
}

.theme--dark div.highlight-wrapper {
    border-color: #393956
}

div.highlight-wrapper div.highlight-toolbar {
    display: flex;
    border-bottom: 1px solid
}

div.highlight-wrapper div.highlight-toolbar {
    color: #2525a7;
    background: #f0f0f5;
    border-color: #dcdcf0
}

@media print {
    div.highlight-wrapper div.highlight-toolbar {
        color: #2525a7;
        background: #f0f0f5;
        border-color: #dcdcf0
    }
}

.theme--dark div.highlight-wrapper div.highlight-toolbar {
    color: #ebebff;
    background: #22222a;
    border-color: #393956
}

div.highlight-wrapper div.highlight-toolbar .item {
    padding: 0 8px
}

div.highlight-wrapper div.highlight-toolbar .item .label {
    color: #37373c
}

@media print {
    div.highlight-wrapper div.highlight-toolbar .item .label {
        color: #37373c
    }
}

.theme--dark div.highlight-wrapper div.highlight-toolbar .item .label {
    color: #b0b0bf
}

@media (max-width: 684px) {
    div.highlight-wrapper div.highlight-toolbar .item .label {
        display: none
    }
}

div.highlight-wrapper div.highlight-toolbar .item.right {
    margin-left: auto
}

div.highlight .chroma {
    margin: 0;
    padding: 4px 0;
    overflow: auto
}

div.highlight .chroma code {
    color: inherit;
    background: inherit;
    padding: 0;
    margin: 0
}

div.highlight .chroma .line span.cl.wrap {
    white-space: pre-wrap
}

div.highlight .chroma .cl {
    padding-right: 8px
}

:root {
    --r-code-font: Ubuntu Mono, monaco, consolas, monospace;
    --r-heading-font: Roboto Slab, Times New Roman, garamond, serif;
    --r-main-font-size: 1rem;
    --r-main-font: Fira Sans, arial, helvetica, sans-serif
}

:root {
    --r-background-color: t($background);
    --r-heading-color: t($text);
    --r-main-color: t($text);
    --r-link-color: t($text-links);
    --r-link-color-dark: t($text-links);
    --r-link-color-hover: t($text)
}

@media print {
    :root {
        --r-background-color: t($background);
        --r-heading-color: t($text);
        --r-main-color: t($text);
        --r-link-color: t($text-links);
        --r-link-color-dark: t($text-links);
        --r-link-color-hover: t($text)
    }
}

.theme--dark :root {
    --r-background-color: t($background);
    --r-heading-color: t($text);
    --r-main-color: t($text);
    --r-link-color: t($text-links);
    --r-link-color-dark: t($text-links);
    --r-link-color-hover: t($text)
}

.reveal a {
    color: #063
}

@media print {
    .reveal a {
        color: #063
    }
}

.theme--dark .reveal a {
    color: #0c6
}

.reveal {
    width: 100%;
    height: 600px
}

.reveal .slides {
    text-align: left
}

.header-left,
.footer-left {
    position: absolute;
    left: 0%;
    margin: 16px 16px
}

.header-left {
    top: 0%
}

.footer-left {
    bottom: 0%
}

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

#qr_code {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 100px;
    height: 100px;
}