.mdblog {
  background-color: rgba(64, 64, 64, 0.65);
  margin: 20px auto;
  padding: 40px 20px;
  border-radius: 15px;
  max-width: 1000px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
  
.mdblog h1, 
.mdblog h2, 
.mdblog h3, 
.mdblog h4, 
.mdblog h5, 
.mdblog h6, 
.mdblog p, 
.mdblog ul, 
.mdblog li, 
.mdblog q, 
.mdblog i, 
.mdblog b, 
.mdblog u, 
.mdblog pre, 
.mdblog code, 
.mdblog th, 
.mdblog td 
{
  all: revert;
  color: white;
}

.mdblog h1, 
.mdblog h2, 
.mdblog h3, 
.mdblog h4, 
.mdblog h5, 
.mdblog h6 
{
  margin: 0;
}

.mdblog h1 { font-size: 32; }
.mdblog h2 { font-size: 28; }
.mdblog h3 { font-size: 24; }
.mdblog h4 { font-size: 20; }
.mdblog h5 { font-size: 18; }
.mdblog h6 { font-size: 16; }

.mdblog a, 
.mdblog code, 
.mdblog pre 
{
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.mdblog a {
  color: cyan;
}


.mdblog code {
  background: rgba(150, 150, 150, 0.35);
}

.mdblog pre {
  padding: 10px;
  background: rgba(150, 150, 150, 0.35);
}

.mdblog pre code { background: none; }

.mdblog img {
  max-width: 90%;
  border-radius: 10px;
}
  
.mdblog table, 
.mdblog th, 
.mdblog td {
  padding: 5px;
  border: 2px solid white;
  border-collapse: collapse; /* Prevents double borders */
}

.mdblog .back {
  width: 20%;
  max-width: 175px;
  min-width: 100px;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
  background-color: #202020;
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
}

.mdblog .back a {
  display: block;
  color: inherit;
  text-decoration: inherit;
}