body#ss-override {
  /*
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
  */
  background-color: #343a40;
  color: #FFF;
  font-family: sans-serif;
}

canvas {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a:link.ss-override {
  color: #CCF;
  text-decoration: underline;
}

a:visited.ss-override {
  color: #99F;
  text-decoration: underline;
}

a:hover.ss-override {
  color: #FFF;
  text-decoration: underline;
}

a:link.blog_title_a {
  color: #FFF;
  text-decoration: underline;
}

a:visited.blog_title_a {
  color: #FFF;
  text-decoration: underline;
}

a:hover.blog_title_a {
  color: #DDD;
  text-decoration: underline;
}

input {
  color: #000;
}

textarea {
  color: #000;
}

div.codehilite {
  background-color: #1C1C1C
}

div.codehilite pre {
  color: #FFF;
  background-color: #1C1C1C;
}

b.admint {
  color: red;
  background-color: black;
}

div.jumbotron#ss-override {
  margin-bottom: 0;
}

.alert#ss-override {
  margin-bottom: 0;
}

.bg-old-dark {
  background-color: #343a40 !important;
}

.bg-less-dark {
  background-color: #545a60 !important;
}

.bg-lesser-dark {
  background-color: #444a50 !important;
}

div.blogPost {
  color: #FFF;
}

td.linenos pre {
  color: #FFF !important;
}

div#blog_div {
  max-width: 1200px;
  border-radius: 20px;
}

div.blog_title_div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div.blog_entry_div {
  margin-bottom: 40px;
}

textarea.emscripten {
  color : #FFF;
  background-color: #222;
}

img.centered_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

img.to_left_img{
  display: block;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

pre {
  max-width: 90vw;
  overflow: scroll;
}

textarea.ss-comment {
  resize: both;
  width: 90%;
}

.code {
  display: block;
  max-width: 1150px;
}

button.ss_date_button {
  color: #FFF;
  border-color: #FFF;
}

button:hover.ss_date_button {
  color: #FFF;
  background-color: #000;
  border-color: #FFF;
}

button:active.ss_date_button {
  color: #FFF;
  background-color: #000;
  border-color: #FFF;
}

iframe.iframe-fluid {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

video.resp_vid_960_16_9 {
  max-width: 960px;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}
