body {
  background-color: #1c1c1d;
}

html {
  scrollbar-color: #555 #1e1e1e; /* thumb and track */
  scrollbar-width: thin;
}

p {
  font-size: 17px;
  color: white;
}

h1, h2, h3, h4, h5, h6 {
  color: white;
}

.ul-list {
  margin-bottom: 0px;
}

li {
  font-size: 17px;
  color: white;
}

a {
  color: #6397db;
}

a:visited {
  color: #6397db;
}

a:hover {
  color: #4387e0;
  text-decoration: underline;
}

img, video {
  max-width: 100%;
  height: auto;
}

.wrapper {
  max-width: 1100px;
}

a.post-link {
  display: inline !important;
}

.menu-icon {
  background-color: #06060f;
  /* border-color: #3a3a3a; */
}

.site-nav {
  /* background-color: #06060f; */
  border-color: #3a3a3a;
}

.site-header {
  background: #121214;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #3a3a3a;
}

.site-title {
  color: white;
}

.site-title:visited {
  color: white;
}

.site-nav .page-link {
  color: white;
  background-color: #121214;
}

nav.site-nav {
  background-color: #121214;
}

.post-title.p-name {
  color: white;
}

.page-content {
  background-color: #1c1c1d;
}

.post-header {
  margin-bottom: 15px !important;
}

.post-meta {
  /* margin-bottom: 0px !important; */
  color: #a1a1a1;
}

.site-footer.h-card {
  background: #121214;
  border-top: 1px solid #3a3a3a;
}

.overflow-container {
  overflow-x: auto;
}

.fading-led-table {
  width: 835px !important;
}

.adc-serial-atmega-table {
  width: 750px !important;
}

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

table td {
  color: #ffffff !important;
  background-color: #1c1c1d !important;
}

table th {
  color: #ffffff !important;
  background-color: #1c1c1d !important;
}

.previous-next-navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 15px; 
}


#transistor_pinout_img {
  padding-top: 5px;
}

/* Target the scrollbar */
::-webkit-scrollbar {
  width: 12px;
}

/* Track (background) */
::-webkit-scrollbar-track {
  background: #1e1e1e; /* dark background */
}

/* Thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: #555; /* dark thumb */
  border-radius: 6px;
  border: 2px solid #1e1e1e; /* match track to create padding effect */
}

/* Highlight code style override */

pre, code {
  background: #06060f;
  border: 1px solid #474747
}

.highlight {
  background: #1e1e1e;
  color: #e0e0e0;
}

.highlight .c     { color: #6a9955 } /* Comment */
.highlight .err   { color: #f44747 } /* Error */
.highlight .k     { color: #569cd6 } /* Keyword */
.highlight .o     { color: #d4d4d4 } /* Operator */
.highlight .cm    { color: #6a9955 } /* Comment.Multiline */
.highlight .cp    { color: #569cd6 } /* Preprocessor */
.highlight .cs    { color: #6a9955 } /* Comment.Single */
.highlight .gd    { color: #f44747 } /* Deletion */
.highlight .ge    { font-style: italic }
.highlight .gh    { color: #dcdcaa } /* Heading */
.highlight .gi    { color: #b5cea8 } /* Insertion */
.highlight .go    { color: #d4d4d4 } /* Output */
.highlight .gp    { color: #d4d4d4 }
.highlight .gr    { color: #f44747 }
.highlight .gt    { color: #f44747 }
.highlight .kc    { color: #569cd6 }
.highlight .kd    { color: #569cd6 }
.highlight .kn    { color: #569cd6 }
.highlight .kp    { color: #569cd6 }
.highlight .kr    { color: #569cd6 }
.highlight .kt    { color: #4ec9b0 }
.highlight .m     { color: #b5cea8 } /* Literal.Number */
.highlight .n     { color: #d4d4d4 } /* Name */
.highlight .na    { color: #9cdcfe }
.highlight .nb    { color: #dcdcaa }
.highlight .nc    { color: #4ec9b0 }
.highlight .no    { color: #d4d4d4 }
.highlight .ni    { color: #d4d4d4 }
.highlight .ne    { color: #d4d4d4 }
.highlight .nf    { color: #dcdcaa }
.highlight .nl    { color: #d4d4d4 }
.highlight .nn    { color: #4ec9b0 }
.highlight .nt    { color: #569cd6 }
.highlight .nv    { color: #d4d4d4 }
.highlight .w     { color: #d4d4d4 }
.highlight .s     { color: #ce9178 } /* Literal.String */
.highlight .sc    { color: #ce9178 }
.highlight .sd    { color: #ce9178 }
.highlight .s2    { color: #ce9178 }
.highlight .se    { color: #dcdcaa }
.highlight .sh    { color: #ce9178 }
.highlight .si    { color: #dcdcaa }
.highlight .sx    { color: #ce9178 }
.highlight .sr    { color: #d16969 }
.highlight .ss    { color: #d16969 }
.highlight .bp    { color: #dcdcaa }
.highlight .vc    { color: #d4d4d4 }
.highlight .vg    { color: #d4d4d4 }
.highlight .vi    { color: #d4d4d4 }
.highlight .il    { color: #b5cea8 }