:root {
  --m-bg-light: #094352;
  --m-bg-medium: #073642;
  --m-bg-dark: #002a35;
  --m-border-color: #247ebe96;
  --m-a-color: #268bd2;
  --m-avisited-color: #6c71c4;
  --m-body-color: #dfdfdf;
}

* { 
    color: var(--m-body-color);
    font-family: "Arial";
    background-color: var(--m-bg-medium);
}

html { background-color: var(--m-bg-medium); }

body {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  overflow-x: hidden;
}

h1 { overflow-wrap: anywhere; }

a:link { color: var(--m-a-color); }
a:visited { color: var(--m-a-visited-color); }
a:hover { color: var(--m-a-color); }
a:active { color: var(--m-a-color); }

.sect1 {
  border-bottom: 1px solid var(--m-border-color);
}

h1.index-header-title { text-align: center; }

code {
  background-color: #555555;
  font-family: Courier New;
  font-size: smaller;
  background-clip: padding-box;
  border: 0px solid; display:
  inline-block; margin: 0px;
}

#toc {
  border: 1px solid var(--m-border-color);
  padding: 2em;
}

table {
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table,th,td {
  border-collapse: collapse; border: 1px solid var(--m-border-color);
}

th {
  text-align: left;
  font-weight: bold;
}

td {
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
}

/* asciidoctor overrides */
.imageblock.center-img {
    /* display: flex; */
    flex-direction: column;
    align-items: left;
    text-align: left;
    margin: 0 auto; /* center div */
    /* width: 90vw; */
}

.imageblock.center-img img {
    /* width: 90vw; */
}

.imageblock.center-img img {
    width: 100%;
    max-width: 960px;
    height: auto;
}