.highlight .k, .highlight .kd, .highlight .kn, 
.highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
  color: #a71d5d;  /* keywords */
}

.highlight .c, .highlight .ch, .highlight .cd, 
.highlight .cm, .highlight .cp, .highlight .cpf, 
.highlight .c1, .highlight .cs {
  color: #969896;  /* comments */
  font-style: italic;
}

.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, 
.highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, 
.highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss {
  color: #183691;  /* strings */
}

.highlight .m, .highlight .mi, .highlight .mf, .highlight .mh, 
.highlight .mb, .highlight .il, .highlight .mo, .highlight .mx, 
.highlight .l {
  color: #0086b3;  /* numbers/literals */
}

.highlight .nf, .highlight .fm {
  color: #795da3;  /* functions */
}

.highlight .nc {
  color: #333;     /* class names */
}

.highlight .nb, .highlight .nv, .highlight .vc, .highlight .vg, 
.highlight .vi, .highlight .vm, .highlight .nl, .highlight .bp, 
.highlight .ne, .highlight .nt, .highlight .na {
  color: #0086b3;  /* builtins/variables */
}

.highlight .err {
  color: #ffffff;
  background-color: #d73a49;  /* errors */
}

.highlight .ge { font-style: italic; }
.highlight .gs { font-weight: bold; }
.highlight .gi { color: #22863a; background-color: #f0fff4; } /* inserted */
.highlight .gd { color: #d73a49; background-color: #ffeef0; } /* deleted */


nav input#search {
  background-color: black;   /* make the input black */
  color: white;              /* text color */
  border: 1px solid #ffffff;    /* subtle border so it’s visible */
  padding: 0.1rem;
  border-radius: 1px;
}

nav input#search::placeholder {
  color: #ffffff;               /* placeholder text color */
}

.post-categories { /* already does this for the date, but I have to declare this*/
  text-align: right
}

/* for index and arrows to be middle aligned */
.series-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 1em 0;
}

.series-nav .nav-left,
.series-nav .nav-right {
  flex: 1;
}

.series-nav .nav-center {
  flex: 0;
  text-align: center;
}

.series-nav .nav-left {
  text-align: left;
}

.series-nav .nav-right {
  text-align: right;
}