/* Font Faces --------------------------------------- */
@font-face {
    font-family: "Charter";
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    font-display: auto;
    src: url("charter_regular.woff2") format("woff2");
}
@font-face {
    font-family: "Charter";
    font-style: italic;
    font-weight: normal;
    font-stretch: normal;
    font-display: auto;
    src: url("charter_italic.woff2") format("woff2");
}
@font-face {
    font-family: "Charter";
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    font-display: auto;
    src: url("charter_bold.woff2") format("woff2");
}
@font-face {
    font-family: "Charter";
    font-style: italic;
    font-weight: bold;
    font-stretch: normal;
    font-display: auto;
    src: url("charter_bold_italic.woff2") format("woff2");
}

/* End Font Faces --------------------------------------- */

/* Style -------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    background-color: #fefefe;
    color: #333;
    font-size: 2.4vw;
    height: 100%;
}

body {
    font-family: "Charter";
    font-size: 1rem;
    line-height: 1.3;
    margin-left: 0;
    margin-right: auto;
    max-width: 1000px;
    min-height: 100%;
    position: relative; z-index: -10000; -webkit-font-smoothing: subpixel-antialiased; /* corrects safari rendering */
    width: 100%;
}

@media all and (min-width: 1000px) {
    html {
        font-size: 19px;
    }
}

@media all and (min-width: 940px) and (max-width: 1000px) {
    html {
        font-size: 19px;
    }
}

@media all and (min-width: 884px) and (max-width: 940px) {
    html {
        font-size: 18px;
    }
}

@media all and (min-width: 834px) and (max-width: 884px) {
    html {
        font-size: 17px;
    }
}

@media all and (max-width: 834px) {
    html {
        font-size: 16px;
    }
}


@media (min-width: 18em) {
  .content {
    margin-left: 18rem;
  }
}

.sidebar {
    max-width: 300px;
}

.sidebar-about a h1 {
  font-size: 26pt;
}

.sidebar p {
  font-size: small;
}

.sidebar ul {
  margin-left: 0;
}

p.lead {
  font-size: 16pt;
}

ul {
  margin-left: 2em;
}

.post h1 {
  font-size: 28pt;
  line-height: 1.1;
  margin-bottom: 0.5em;
}

div.highlight {
  background-color: black;
}

.language-text, .language-json, .language-Dockerfile, .language-sh {
  font-size: 10pt;
}

.language-bash {
  font-size: 10pt;
}

/* Original GMC */

.footnotes {
    font-size: smaller;
}
ol.nav {
    font-size: small;   
    list-style-type: none;
    margin: 0 0 0 -0.5em;
    padding: 0;
    background-color: transparent;
    color: #515151;
}
.nav li,
  .nav a,
  .nav a:visited,
  .nav a:active {
    background-color: transparent;
    color: #515151;
    display: inline;
    margin: 0.1em 0em 0em 0.3em;
}

/* About section */
.sidebar-about h1 {
  color: #fff;
  margin-top: 0;
  font-family: "Roboto", serif;
  font-size: 2.25rem;
}

#TableOfContents {
  font-size: 0.8rem;
}

.content {
  padding-top: 1em;
}

.posts {
  padding-top: 3em;
}

code.language-python {
  font-size: small;
}

code.language-go {
  font-size: small;
}