:root {
  --salmon-bright: #FA8072;
  --salmon-hovered: #dA6062;
  --salmon-tinted: #FDCFCA;
  --salmon-selected: var(--salmon-bright);
}

body {
  color: #353c40;
}

a {
  color: #111;
}

a:active, a:focus, a:hover {
  color: #666;
}

.main-menu ul {
  display: flex;
  width: 100%;
}
.language-switch {
  margin-left: auto;
}

.main-menu a {
  padding: .4em;
}
@media all and (max-width: 300px) {
  .main-menu a {
    padding-left: .2em;
    padding-right: .2em;
  }
}
.main-menu li {
  margin-right: .2em;
}
.main-menu li:first-child a {
  padding-left: 0;
}
.main-menu li:last-child a {
  padding-right: 0;
}

.item-title a, .entry-meta .byline a, .tags a.tag {
  padding: .4em .2em;
  padding-right: 1em;
}

.tags a.tag {
  margin-left: -.2em;
}

.list .item .meta {
  flex: 0 0 5.4em;
}

.entry-content a {
  text-decoration: none!important;
  color: inherit!important;
  border-bottom: .14em solid var(--salmon-bright);
  padding: 0 .03em .01em .03em;
  display: inline;
  transition: background-color .1s ease-out;
  outline: none!important;
}

.entry-content a:hover {
  border-bottom-color: var(--salmon-hovered);
  color: #000;
}
.entry-content a:focus {
  background-color: var(--salmon-tinted);
  box-shadow: 0 0 0 .1em var(--salmon-tinted);
  outline: none;
  color: #000;
  transition: none;
}
.entry-content a:active {
  color: var(--salmon-bright)!important;
  background-color: inherit;
}

.type-article .entry-content p {
  text-align: justify;
}

.menu a:focus, .menu a:hover, .sidebar-toggler span:focus, .sidebar-toggler span:hover, .sub-menu-toggler:focus, .sub-menu-toggler:hover, .widget-social_menu a:focus, .widget-social_menu a:hover {
  color: #000;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  padding: .5em;
  margin: 1.5em -.5em 0;
  scroll-margin: 1.5em;
}

:target {
  animation: targetBackground 3s;
}

@keyframes targetBackground {
  0% { background-color: #FFC107 }
  50% { background-color: #FFC107 }
  100% { background-color: inherit }
}

summary::-webkit-details-marker {
  display: none
}
summary::after {
  content: '\25b6';
  color: inherit;
  float: left;
  font-size: 1em;
  font-weight: bold;
  margin: -1px 5px 0 0;
  padding: 0;
  text-align: center;
  width: 1em; height: 1em;
  opacity: .9;
}
details[open] summary::after {
  content: '\25bc';
  margin-top: 0;
}

summary {
  padding: .3em 0;
  transition: color .1s;
  margin-bottom: 0;
}

summary > span {
  padding: .7em 2em .8em 0;
}

summary:hover {
  color: #777;
}

details #TableOfContents {
  background: #f0f0f0;
  padding: 1em 0;
}

#TableOfContents ul li a {
  width: 100%;
  display: inline-block;
}

.shell-prompt {
  user-select: none;
  opacity: .7;
}

.shell-prompt-user {
  color: #0D47A1;
}
.shell-prompt-root {
  color: #B71C1C;
}

code, kbd, pre, samp, var {
  border: 0;
  background: #eee !important;
}

/* Chroma highlighting styles */

.chroma { background-color: #ffffff }
.chroma .x {  }
.chroma .err { color: #a61717; background-color: #e3d2d2 }
.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
.chroma .hl { display: block; width: 100%;background-color: #ffffcc }
.chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
.chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
.chroma .k { color: #008800; font-weight: bold }
.chroma .kc { color: #008800; font-weight: bold }
.chroma .kd { color: #008800; font-weight: bold }
.chroma .kn { color: #008800; font-weight: bold }
.chroma .kp { color: #008800 }
.chroma .kr { color: #008800; font-weight: bold }
.chroma .kt { color: #888888; font-weight: bold }
.chroma .n {  }
.chroma .na { color: #336699 }
.chroma .nb { color: #003388 }
.chroma .bp {  }
.chroma .nc { color: #bb0066; font-weight: bold }
.chroma .no { color: #003366; font-weight: bold }
.chroma .nd { color: #555555 }
.chroma .ni {  }
.chroma .ne { color: #bb0066; font-weight: bold }
.chroma .nf { color: #0066bb; font-weight: bold }
.chroma .fm {  }
.chroma .nl { color: #336699; font-style: italic }
.chroma .nn { color: #bb0066; font-weight: bold }
.chroma .nx {  }
.chroma .py { color: #336699; font-weight: bold }
.chroma .nt { color: #bb0066; font-weight: bold }
.chroma .nv { color: #336699 }
.chroma .vc { color: #336699 }
.chroma .vg { color: #dd7700 }
.chroma .vi { color: #3333bb }
.chroma .vm {  }
.chroma .l {  }
.chroma .ld {  }
.chroma .s { color: #dd2200; background-color: #fff0f0 }
.chroma .sa { color: #dd2200; background-color: #fff0f0 }
.chroma .sb { color: #dd2200; background-color: #fff0f0 }
.chroma .sc { color: #dd2200; background-color: #fff0f0 }
.chroma .dl { color: #dd2200; background-color: #fff0f0 }
.chroma .sd { color: #dd2200; background-color: #fff0f0 }
.chroma .s2 { color: #dd2200; background-color: #fff0f0 }
.chroma .se { color: #0044dd; background-color: #fff0f0 }
.chroma .sh { color: #dd2200; background-color: #fff0f0 }
.chroma .si { color: #3333bb; background-color: #fff0f0 }
.chroma .sx { color: #22bb22; background-color: #f0fff0 }
.chroma .sr { color: #008800; background-color: #fff0ff }
.chroma .s1 { color: #dd2200; background-color: #fff0f0 }
.chroma .ss { color: #aa6600; background-color: #fff0f0 }
.chroma .m { color: #0000dd; font-weight: bold }
.chroma .mb { color: #0000dd; font-weight: bold }
.chroma .mf { color: #0000dd; font-weight: bold }
.chroma .mh { color: #0000dd; font-weight: bold }
.chroma .mi { color: #0000dd; font-weight: bold }
.chroma .il { color: #0000dd; font-weight: bold }
.chroma .mo { color: #0000dd; font-weight: bold }
.chroma .o {  }
.chroma .ow { color: #008800 }
.chroma .p {  }
.chroma .c { color: #888888 }
.chroma .ch { color: #888888 }
.chroma .cm { color: #888888 }
.chroma .c1 { color: #888888 }
.chroma .cs { color: #cc0000; background-color: #fff0f0; font-weight: bold }
.chroma .cp { color: #cc0000; font-weight: bold }
.chroma .cpf { color: #cc0000; font-weight: bold }
.chroma .g {  }
.chroma .gd { color: #000000; background-color: #ffdddd }
.chroma .ge { font-style: italic }
.chroma .gr { color: #aa0000 }
.chroma .gh { color: #333333 }
.chroma .gi { color: #000000; background-color: #ddffdd }
.chroma .go { color: #888888 }
.chroma .gp { color: #555555 }
.chroma .gs { font-weight: bold }
.chroma .gu { color: #666666 }
.chroma .gt { color: #aa0000 }
.chroma .gl { text-decoration: underline }
.chroma .w { color: #bbbbbb }

.chroma .language-shell .c1 {
  color: #333;
}